style(mini): 底部导航中间凸起按钮从'首页'改为'OPC'
- 文本从'首页'改为'OPC',更有品牌识别度且简洁 - 字号 30rpx→28rpx,字母间距 2rpx→3rpx,更精致 - 文字改为蓝紫渐变(linear-gradient 135deg #6b8bff→#8f7bff),与品牌色一致 - 激活态渐变加深+发光阴影(drop-shadow),更醒目 - 顶部偏移 padding-top 16rpx→10rpx(大写字母视觉重心偏上)
This commit is contained in:
@@ -7,7 +7,7 @@ import './index.scss';
|
||||
const LIST = [
|
||||
{ pagePath: '/pages/booking/index', text: '活动', icon: 'book' },
|
||||
{ pagePath: '/pages/hall/index', text: '大厅', icon: 'hall' },
|
||||
{ pagePath: '/pages/index/index', text: '首页', icon: 'star', center: true },
|
||||
{ pagePath: '/pages/index/index', text: 'OPC', icon: 'star', center: true },
|
||||
{ pagePath: '/pages/content/index', text: '资讯', icon: 'shield' },
|
||||
{ pagePath: '/pages/mine/index', text: '我的', icon: 'user' }
|
||||
];
|
||||
|
||||
@@ -113,15 +113,18 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding-top: 16rpx; /* 三字整体略靠下 */
|
||||
padding-top: 10rpx; /* OPC 大写字母视觉重心偏上,减少顶部偏移 */
|
||||
}
|
||||
|
||||
.home-text {
|
||||
font-size: 30rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 800;
|
||||
line-height: 1;
|
||||
letter-spacing: 2rpx;
|
||||
color: #23315c;
|
||||
letter-spacing: 3rpx;
|
||||
background: linear-gradient(135deg, #6b8bff, #8f7bff);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
/* 激活:底座点亮 + 星星辉光 */
|
||||
@@ -129,6 +132,14 @@
|
||||
color: #6284ff;
|
||||
}
|
||||
|
||||
.tab-item--home.tab-item--active .home-text {
|
||||
background: linear-gradient(135deg, #4d7cfe, #7a5ff0);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
filter: drop-shadow(0 2rpx 8rpx rgba(98,132,255,0.5));
|
||||
}
|
||||
|
||||
.tab-item--home.tab-item--active .home-blob {
|
||||
border-color: rgba(98, 132, 255, 0.9);
|
||||
box-shadow:
|
||||
|
||||
Reference in New Issue
Block a user