修改主题色
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user