wikiboss/shanghaipeiwan
1
0
派生 0
代码 工单 合并请求 Actions 软件包 项目 版本发布 百科 动态

feat(ui): 基于10大子代理全面优化浅色暖色系视觉断层与多端无障碍体验

浏览代码
这个提交包含在：
wikiboss
2026-09-16 20:35:29 +08:00
父节点 1a56ba2682
当前提交 db38e380bf
共有 6 个文件被更改，包括 117 次插入 和 17 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

37
pwuniapp/App.vue
查看文件

@@ -118,24 +118,33 @@ html, body {
@media screen and (min-width: 481px) {
html, body {
background-color: #050811 !important;
transition: background-color 0.3s ease;
}
body:has(.theme-warm) {
background-color: #EDE8E0 !important;
}
uni-app {
max-width: 450px !important;
margin: 20px auto !important;
min-height: calc(100vh - 40px) !important;
box-shadow: 0 0 80rpx rgba(0, 0, 0, 0.95), 0 0 0 2rpx var(--color-brand-glow, rgba(99, 102, 241, 0.25)) !important;
box-shadow: 0 0 60rpx rgba(0, 0, 0, 0.4), 0 0 0 2rpx var(--color-brand-glow, rgba(99, 102, 241, 0.25)) !important;
border-radius: 40rpx !important;
overflow: hidden !important;
position: relative !important;
background-color: var(--bg-primary, #0A0F1D) !important;
}
uni-page-head {
uni-page-head, .uni-page-head {
max-width: 450px !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
top: 20px !important;
border-top-left-radius: 40rpx !important;
border-top-right-radius: 40rpx !important;
overflow: hidden !important;
}
uni-tabbar, .uni-tabbar {
@@ -192,33 +201,47 @@ uni-page-head .uni-page-head__title {
/* 浅色暖阳晨曦模式下强制确保 TabBar 与 PageHead 呈现高质感浅色 */
body:has(.theme-warm) uni-page-head,
page.theme-warm ~ uni-page-head {
body:has(.theme-warm) .uni-page-head,
page.theme-warm ~ uni-page-head,
.theme-warm uni-page-head {
background-color: #FDFBF7 !important;
border-bottom: 1px solid #F0ECE4 !important;
}
body:has(.theme-warm) uni-page-head .uni-page-head__title,
page.theme-warm ~ uni-page-head .uni-page-head__title {
body:has(.theme-warm) .uni-page-head .uni-page-head__title,
page.theme-warm ~ uni-page-head .uni-page-head__title,
.theme-warm uni-page-head .uni-page-head__title,
body:has(.theme-warm) uni-page-head *,
.theme-warm uni-page-head * {
color: #1C1917 !important;
}
body:has(.theme-warm) uni-tabbar .uni-tabbar__bd,
page.theme-warm ~ uni-tabbar .uni-tabbar__bd {
page.theme-warm ~ uni-tabbar .uni-tabbar__bd,
.theme-warm ~ uni-tabbar .uni-tabbar__bd {
background-color: #FFFFFF !important;
border-top: 1px solid #F0ECE4 !important;
box-shadow: 0 -4rpx 20rpx rgba(28, 25, 23, 0.04) !important;
}
body:has(.theme-warm) uni-tabbar .uni-tabbar__label,
page.theme-warm ~ uni-tabbar .uni-tabbar__label {
page.theme-warm ~ uni-tabbar .uni-tabbar__label,
body:has(.theme-warm) uni-tabbar span {
color: #78716C !important;
font-size: 13px !important;
font-weight: 500 !important;
}
body:has(.theme-warm) uni-tabbar .uni-tabbar-item.active .uni-tabbar__label,
page.theme-warm ~ uni-tabbar .uni-tabbar-item.active .uni-tabbar__label,
body:has(.theme-warm) uni-tabbar .uni-tabbar__item.active .uni-tabbar__label,
page.theme-warm ~ uni-tabbar .uni-tabbar__item.active .uni-tabbar__label {
page.theme-warm ~ uni-tabbar .uni-tabbar__item.active .uni-tabbar__label,
body:has(.theme-warm) uni-tabbar .active .uni-tabbar__label,
body:has(.theme-warm) uni-tabbar [class*="active"] .uni-tabbar__label,
body:has(.theme-warm) uni-tabbar [class*="active"] span {
color: #EA580C !important;
font-weight: 700 !important;
}
/* #endif */
</style>