blackteay/vue3-vant4-mobile
1
0
Fork 0
mirror of https://github.com/xiangshu233/vue3-vant4-mobile.git synced 2025-04-06 03:57:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(layout): 🐛 修复横屏的时候 tabbar 因 fixed style 错位的bug

Browse Source
This commit is contained in:
xiangshu233 2024-02-23 21:33:16 +08:00
parent c75a78316d
commit f4abc0c6db
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layout/index.vue
View File

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