suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修复
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 13s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 5s
Details

Browse Source
This commit is contained in:
孙诚
2025-12-25 16:00:46 +08:00
parent bbcb630401
commit 5618da8caf
1 changed files with 1 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Web/src/App.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<van-config-provider :theme="theme"> <van-config-provider :theme="theme">
<RouterView /> <RouterView />
<van-tabbar v-model="active" v-show="showTabbar" safe-area-inset-bottom> <van-tabbar v-model="active" v-show="showTabbar">
<van-tabbar-item icon="notes-o" to="/calendar"> <van-tabbar-item icon="notes-o" to="/calendar">
日历 日历
</van-tabbar-item> </van-tabbar-item>
@@ -62,18 +62,5 @@ const handleTabClick = (path) => {
</script> </script>
<style scoped> <style scoped>
/* 为 Tabbar 添加额外的底部安全区域适配 */
:deep(.van-tabbar) {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
/* 在原有高度基础上增加安全区域 */
height: calc(50px + constant(safe-area-inset-bottom));
height: calc(50px + env(safe-area-inset-bottom));
}
/* 确保内容不被 Tabbar 遮挡 */
:deep(.van-tabbar) + * {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
</style> </style>