fix: 设置多个视图的背景色为透明
Some checks failed
Docker Build & Deploy / Build Docker Image (push) Failing after 2s
Docker Build & Deploy / Deploy to Production (push) Has been skipped
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 2s

This commit is contained in:
2026-01-11 16:50:18 +08:00
parent 29705bbaa7
commit c550e95f94
3 changed files with 11 additions and 2 deletions

View File

@@ -507,4 +507,9 @@ const handleDelete = (budget) => {
font-weight: 600;
font-family: DIN Alternate, system-ui;
}
/* 设置页面容器背景色 */
:deep(.van-nav-bar) {
background: transparent !important;
}
</style>

View File

@@ -291,6 +291,10 @@ onBeforeUnmount(() => {
</script>
<style scoped>
.van-calendar{
background: transparent !important;
}
.calendar-container {
/* 使用准确的视口高度减去 TabBar 高度50px和安全区域 */
height: calc(var(--vh, 100vh) - 50px - env(safe-area-inset-bottom, 0px));

View File

@@ -969,14 +969,14 @@ onBeforeUnmount(() => {
<style scoped>
.page-container-flex{
background-color: var(--van-background-2);
background: transparent !important;
}
.overview-fixed-wrapper {
position: sticky;
top: 0;
z-index: 10;
background-color: var(--van-background-2);
background: transparent !important;
padding: 16px 0 1px 0;
overflow-x: hidden;
}