fix(Tabbar): 底栏样式调整

yulimchen · Apr 20, 2023 · fedb12d · fedb12d
1 parent 8795d91
commit fedb12d
Showing 1 changed file with 1 addition and 18 deletions.
diff --git a/src/components/Tabbar/index.vue b/src/components/Tabbar/index.vue
@@ -1,11 +1,5 @@
 <template>
-  <van-tabbar
-    class="tabbar"
-    v-model="active"
-    :placeholder="true"
-    :route="true"
-    fixed
-  >
+  <van-tabbar v-model="active" :placeholder="true" :route="true" fixed>
     <van-tabbar-item
       v-for="(item, index) in tabbarData"
       :key="index"
@@ -45,14 +39,3 @@ const tabbarData = reactive([
   }
 ]);
 </script>
-
-<style scoped>
-.tabbar {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  /* 形成包含块，使得 fixed 定位的子元素 tabbar 的百分百宽度能够基于这个元素 */
-  transform: rotate(0);
-}
-</style>