ソースを参照

style(tabbar): 优化自定义标签栏的样式和布局

移除冗余的占位元素和类名,调整底部安全区域处理
feige996 9 ヶ月 前
コミット
dc2a5c5cf3
1 ファイル変更3 行追加4 行削除
  1. 3 4
      src/tabbar/index.vue

+ 3 - 4
src/tabbar/index.vue

@@ -46,8 +46,8 @@ function getColorByIndex(index: number) {
 </script>
 
 <template>
-  <view v-if="customTabbarEnable">
-    <view class="__content__ border-and-fixed bg-white" @touchmove.stop.prevent>
+  <view v-if="customTabbarEnable" class="h-50px pb-safe">
+    <view class="border-and-fixed bg-white" @touchmove.stop.prevent>
       <view class="h-50px flex items-center">
         <view
           v-for="(item, index) in tabbarList" :key="index"
@@ -73,9 +73,8 @@ function getColorByIndex(index: number) {
           </view>
         </view>
       </view>
-      <view class="h-1px pb-safe" />
+      <view class="pb-safe" />
     </view>
-    <view class="__placeholder__ h-50px" />
   </view>
 </template>