页面样式统一
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 15s
Docker Build & Deploy / Deploy to Production (push) Successful in 5s

This commit is contained in:
孙诚
2025-12-29 16:07:43 +08:00
parent 9719c6043a
commit cbbb0c10cb
10 changed files with 171 additions and 308 deletions

View File

@@ -54,12 +54,13 @@
</van-cell-group>
</div>
<div class="action-bar">
<div class="bottom-button">
<!-- 新增分类按钮 -->
<van-button
type="primary"
size="large"
block
round
icon="plus"
@click="handleAddCategory"
>
新增分类
@@ -326,27 +327,6 @@ onMounted(() => {
}
}
/* 底部操作栏 */
.action-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
gap: 12px;
padding: 12px;
background-color: var(--van-background-2, #fff);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
z-index: 100;
}
@media (prefers-color-scheme: dark) {
.action-bar {
background-color: var(--van-background-2, #2c2c2c);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
}
}
/* 设置页面容器背景色 */
:deep(.van-nav-bar) {
background: transparent !important;