From 1a27904f235098d742f49763133c46ef3d25ee51 Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@kailinjt.com>
Date: Thu, 4 Sep 2025 09:19:32 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=B7=BB=E5=8A=A0=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E5=BA=95=E9=83=A8=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/m.vue | 165 +++++++++++++++++---------------------------------
 1 file changed, 57 insertions(+), 108 deletions(-)

diff --git a/layouts/m.vue b/layouts/m.vue
index d7c3530..a6063a1 100644
--- a/layouts/m.vue
+++ b/layouts/m.vue
@@ -1,121 +1,70 @@
 <script setup lang="ts">
+  const active = ref('home')
 </script>
 
 <template>
   <div class="m">
-    <slot />
+    <div class="scroll-container">
+      <slot />
+    </div>
+    <!-- 底部信息 -->
+    <div class="footer">
+      <van-tabbar v-model="active">
+        <van-tabbar-item name="home" icon="home-o">标签</van-tabbar-item>
+        <van-tabbar-item name="search" icon="search">标签</van-tabbar-item>
+        <van-tabbar-item name="friends" icon="friends-o">标签</van-tabbar-item>
+        <van-tabbar-item name="setting" icon="setting-o">标签</van-tabbar-item>
+      </van-tabbar>
+    </div>
   </div>
 </template>
 
 <style lang="scss" scoped>
-.m {
-  width: 100%;
-  height: 100%;
-  background-color: #f8f8f8;
-}
-</style>
-
-<style lang="scss" scoped>
-/* 移动端样式重置 - 只在移动端布局中生效 */
-.m {
-  /* 重置 body 的最小宽度限制 */
-  :global(body) {
-    min-width: unset !important;
-    width: 100% !important;
-    max-width: 100% !important;
+  /* 移动端样式重置 - 只在移动端布局中生效 */
+  .m {
+    display: flex;
+    flex-direction: column;
     background-color: #f8f8f8;
-  }
-  
-  /* 重置 #__nuxt 容器的样式 */
-  :global(#__nuxt) {
-    min-width: unset !important;
-    width: 100% !important;
-    max-width: 100% !important;
-    
-    // .page-content {
-    //   padding: 0 !important;
-    //   overflow-x: hidden !important;
-      
-    //   .page-table-wrap {
-    //     padding: 8px !important;
-    //   }
-      
-    //   .page-card {
-    //     padding: 8px !important;
-    //   }
-    // }
-  }
-  
-  /* 移动端优化滚动条 */
-  :global(::-webkit-scrollbar) {
-    width: 4px !important;
-    height: 4px !important;
-  }
-  
-  /* 移动端表格优化 */
-  :global(.el-table) {
-    font-size: 12px !important;
-    
-    th .cell {
-      font-size: 12px !important;
+    .scroll-container {
+      // flex: 1;
+      overflow-y: auto;
+      height: calc(100vh - 40px);
     }
-    
-    td .cell {
-      font-size: 12px !important;
+    .footer {
+      height: auto;
+    }
+    /* 重置 body 的最小宽度限制 */
+    :global(body) {
+      min-width: unset !important;
+      width: 100% !important;
+      max-width: 100% !important;
+      background-color: #f8f8f8;
+    }
+
+    /* 重置 #__nuxt 容器的样式 */
+    :global(#__nuxt) {
+      min-width: unset !important;
+      width: 100% !important;
+      max-width: 100% !important;
+
+      // .page-content {
+      //   padding: 0 !important;
+      //   overflow-x: hidden !important;
+
+      //   .page-table-wrap {
+      //     padding: 8px !important;
+      //   }
+
+      //   .page-card {
+      //     padding: 8px !important;
+      //   }
+      // }
+    }
+
+    /* 移动端优化滚动条 */
+    :global(::-webkit-scrollbar) {
+      width: 4px !important;
+      height: 4px !important;
     }
   }
-  
-  /* 移动端按钮优化 */
-  :global(.el-button) {
-    padding: 6px 8px !important;
-    font-size: 13px !important;
-  }
-  
-  /* 移动端表单优化 */
-  :global(.el-form-item) {
-    margin-bottom: 12px !important;
-  }
-  
-  :global(.el-form-item__label) {
-    font-size: 13px !important;
-  }
-  
-  :global(.el-input__inner) {
-    height: 32px !important;
-    font-size: 13px !important;
-  }
-  
-  /* 移动端对话框优化 */
-  :global(.el-dialog) {
-    width: 95% !important;
-    margin: 0 auto !important;
-  }
-  
-  :global(.el-dialog__body) {
-    padding: 12px !important;
-    max-height: calc(100vh - 200px) !important;
-  }
-  
-  /* 移动端分页器优化 */
-  :global(.el-pagination) {
-    --el-pagination-font-size: 11px !important;
-    --el-pagination-font-size-small: 11px !important;
-    --el-pagination-button-height: 24px !important;
-    --el-pagination-button-width: 24px !important;
-    --el-pagination-button-height-small: 24px !important;
-    --el-pagination-button-width-small: 24px !important;
-  }
-  
-  /* 移动端标签页优化 */
-  :global(.el-tabs__item) {
-    padding: 0 12px 6px 0 !important;
-    font-size: 13px !important;
-  }
-  
-  /* 移动端徽章优化 */
-  :global(.el-badge) {
-    --el-badge-size: 14px !important;
-    --el-badge-padding: 3px !important;
-  }
-}
-</style>
\ No newline at end of file
+</style>