调整 TabBar 样式，修复高度和内边距问题

2025-12-29 11:23:33 +08:00
parent 35e3a82673
commit 40c0b0dbe7
1 changed files with 3 additions and 1 deletions
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -142,12 +142,14 @@ const handleTabClick = (path) => {
  /* 重置所有 padding，然后只添加安全区域 */
  padding: 0 !important;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
-  height: 50px !important;
+  height: auto !important;
  min-height: 50px !important;
+  box-sizing: content-box !important;
 }

 /* 确保 TabBar 项目居中 */
 :deep(.van-tabbar-item) {
  padding: 0 !important;
+  height: 50px !important;
 }
 </style>