From f4abc0c6dbf9824f909c049ed1ae0fc79f8806a9 Mon Sep 17 00:00:00 2001
From: xiangshu233 <xiangshu233@outlook.com>
Date: Fri, 23 Feb 2024 21:33:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=20:bug:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=A8=AA=E5=B1=8F=E7=9A=84=E6=97=B6=E5=80=99=20tabbar=20?=
 =?UTF-8?q?=E5=9B=A0=20fixed=20style=20=E9=94=99=E4=BD=8D=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index f6ad211..63bbd3e 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -17,7 +17,7 @@
         <component :is="Component" v-else :key="route.fullPath" />
       </template>
     </routerView>
-    <van-tabbar placeholder route fixed>
+    <van-tabbar route class="tabbar">
       <van-tabbar-item
         v-for="menu in getMenus"
         :key="menu.name"
@@ -55,4 +55,10 @@ const getMenus: ComputedRef<RouteRecordRaw[]> = computed(() =>
 const getShowHeader = computed(() => !currentRoute.meta.hiddenHeader)
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="less">
+.tabbar {
+  bottom: 0;
+  width: 100%;
+  position: relative;
+}
+</style>