xiongzhu 4 лет назад
Родитель
Сommit
1fd93ef277

+ 5 - 0
src/main/nine-space/src/styles/app.less

@@ -114,3 +114,8 @@ input:-webkit-autofill {
         }
     }
 }
+
+.tabbar-placeholder {
+    height: 50px;
+    padding-bottom: env(safe-area-inset-bottom);
+}

+ 2 - 0
src/main/nine-space/src/views/Discover.vue

@@ -71,6 +71,8 @@
                 <product-info v-model:info="list[index]"></product-info>
             </template>
         </div>
+
+        <div class="tabbar-placeholder"></div>
     </div>
 </template>
 

+ 2 - 0
src/main/nine-space/src/views/Home.vue

@@ -59,6 +59,8 @@
                 ></creator-info>
             </template>
         </div>
+
+        <div class="tabbar-placeholder"></div>
     </div>
 </template>
 

+ 1 - 1
src/main/nine-space/src/views/Index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="index">
         <router-view class="container" />
-        <van-tabbar v-model="active" z-index="20" safe-area-inset-bottom route placeholder ref="tabbar">
+        <van-tabbar v-model="active" z-index="20" safe-area-inset-bottom route ref="tabbar">
             <van-tabbar-item v-for="item in menus" :name="item.name" :to="`/${item.name}`" :key="item.name">
                 <span>{{ item.title }}</span>
                 <template #icon="props">

+ 3 - 1
src/main/nine-space/src/views/Mine.vue

@@ -161,6 +161,8 @@
                 </template>
             </van-cell>
         </van-cell-group>
+
+        <div class="tabbar-placeholder"></div>
     </div>
 </template>
 
@@ -199,7 +201,7 @@ export default {
 
 <style lang="less" scoped>
 .mine {
-    padding-bottom: 98px;
+    padding-bottom: 10px;
     background-color: @bg2;
 }
 .top {

+ 2 - 0
src/main/nine-space/src/views/Store.vue

@@ -57,6 +57,8 @@
             close-on-click-action
             @open="open"
         />
+
+        <div class="tabbar-placeholder"></div>
     </div>
 </template>