修改主题色

This commit is contained in:
future
2026-06-10 14:35:16 +08:00
committed by liwentao
parent b12d7cdf25
commit 67c080efce
9 changed files with 155 additions and 37 deletions
+6 -7
View File
@@ -149,7 +149,6 @@ const tabs = [
{
path: PAGE.COURSE,
icon: 'icon-course',
iconActive: '/static/tabBar/active/course.png',
label: '课程',
useFontIcon: true,
fontSize:"36rpx"
@@ -222,7 +221,7 @@ function onTabTap(index) {
left: 0;
right: 0;
height: 120rpx;
background: rgba(200, 225, 238, 0.8);
background: white;
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
display: flex;
@@ -230,7 +229,7 @@ function onTabTap(index) {
align-items: center;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-shadow: 0 -4rpx 24rpx rgba(120, 185, 215, 0.2);
box-shadow: 0 -4rpx 24rpx var(--tabbar-shadow);
border-radius: 32rpx 32rpx 0 0;
z-index: 999;
}
@@ -262,20 +261,20 @@ function onTabTap(index) {
// 字体图标颜色控制(根据选中状态)
.tab-item .iconfont {
color: gray; // 未选中颜色
color: rgba(150, 150, 165, 1);
}
.tab-item.active .iconfont {
color: #5A98B0; // 选中颜色
color: rgba(130, 220, 130, 0.9);
}
.tab-label {
font-size: 22rpx;
color: #8AABBB;
color: rgba(150, 150, 165, 1);
}
.tab-item.active .tab-label {
color: #5A98B0;
color: rgba(130, 220, 130, 0.9);
font-weight: 600;
}
</style>