diff --git a/components/diy/footer.vue b/components/diy/footer.vue
index 2e0093c5..b7214912 100644
--- a/components/diy/footer.vue
+++ b/components/diy/footer.vue
@@ -1,8 +1,8 @@
 <template>
     <!-- 底部导航 -->
     <view v-if="(propValue || null) !== null" class="footer-nav flex-row jc-c align-c">
-        <view class="footer-nav-content flex-row jc-c align-c wh" :style="style_container">
-            <view class="bottom-line-exclude">
+        <view class="footer-nav-content flex-row jc-c align-c wh-auto" :style="style_container">
+            <view class="bottom-line-exclude flex-row jc-c align-c wh-auto">
                 <view class="flex-row jc-sa align-c wh padding-0">
                     <view v-for="(item, index) in nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" :data-index="index" :data-value="item.link.page || ''" @tap="url_event">
                         <view v-if="nav_style !== 2" class="img-content pr">
@@ -13,7 +13,7 @@
                                 <image :src="item.img_checked[0].url" class="img dis-block" model="widthFix"></image>
                             </view>
                         </view>
-                        <text v-if="nav_style !== 1" class="animate-linear size-12 pr z-i" :style="active_index == index ? text_color_checked : default_text_color">{{ item.name }}</text>
+                        <text v-if="nav_style !== 1" class="animate-linear text-size-xs pr z-i" :style="active_index == index ? text_color_checked : default_text_color">{{ item.name }}</text>
                     </view>
                 </view>
             </view>
@@ -118,6 +118,7 @@
         background-color: transparent;
         .footer-nav-content {
             min-height: 140rpx;
+            box-sizing: border-box;
             .img-content {
                 width: 44rpx;
                 height: 44rpx;