style(views): 统一多个视图的导航栏和标签页样式
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 1m0s
Docker Build & Deploy / Deploy to Production (push) Successful in 11s
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-13 19:11:37 +08:00
parent 6a45f3d67d
commit 6e7a237df9
6 changed files with 24 additions and 6 deletions

View File

@@ -49,6 +49,7 @@
<div
class="nav-arrow right"
:class="{ disabled: isCurrentMonth }"
:aria-disabled="isCurrentMonth"
@click.stop="!isCurrentMonth && changeMonth(1)"
>
<van-icon name="arrow" />
@@ -1040,9 +1041,14 @@ onBeforeUnmount(() => {
}
.nav-arrow.disabled {
color: #f2f3f5;
color: #c8c9cc;
cursor: not-allowed;
opacity: 0.3;
opacity: 0.35;
pointer-events: none;
}
.nav-arrow.disabled:active {
background-color: transparent;
}
.date-tag {
@@ -1420,4 +1426,4 @@ onBeforeUnmount(() => {
background: transparent !important;
}
</style>
</style>