瀏覽代碼

fix(app): 调整TabBar布局并优化页面结构

EvilDragon 5 月之前
父節點
當前提交
2f59e5facd
共有 1 個文件被更改,包括 10 次插入2 次删除
  1. 10 2
      packages/app/src/layouts/tabbar.vue

+ 10 - 2
packages/app/src/layouts/tabbar.vue

@@ -68,7 +68,7 @@ const toPublishCase = () => {
 
 <template>
   <wd-config-provider :themeVars="defaultThemeVars">
-    <view class="bg-[#f6f6f6] pb-20">
+    <view class="bg-[#f6f6f6] pb-12 flex-grow">
       <slot />
     </view>
 
@@ -118,4 +118,12 @@ const toPublishCase = () => {
   </wd-config-provider>
 </template>
 
-<style lang="scss"></style>
+<style lang="scss">
+/* stylelint-disable-next-line selector-type-no-unknown */
+layout-tabbar-uni,
+.wot-theme-light {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+</style>