From 25b6a0a98ce7f589305e6b60bb685362bf41864e Mon Sep 17 00:00:00 2001 From: Pine Date: Wed, 2 Sep 2026 00:24:53 +0800 Subject: [PATCH] =?UTF-8?q?style(mini):=20=E5=BA=95=E9=83=A8=E5=AF=BC?= =?UTF-8?q?=E8=88=AA=E4=B8=AD=E9=97=B4=E5=87=B8=E8=B5=B7=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E4=BB=8E'=E9=A6=96=E9=A1=B5'=E6=94=B9=E4=B8=BA'OPC'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 文本从'首页'改为'OPC',更有品牌识别度且简洁 - 字号 30rpx→28rpx,字母间距 2rpx→3rpx,更精致 - 文字改为蓝紫渐变(linear-gradient 135deg #6b8bff→#8f7bff),与品牌色一致 - 激活态渐变加深+发光阴影(drop-shadow),更醒目 - 顶部偏移 padding-top 16rpx→10rpx(大写字母视觉重心偏上) --- miniprogram/src/custom-tab-bar/index.jsx | 2 +- miniprogram/src/custom-tab-bar/index.scss | 19 +++++++++++++++---- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/miniprogram/src/custom-tab-bar/index.jsx b/miniprogram/src/custom-tab-bar/index.jsx index 99415b8..a9e39c0 100644 --- a/miniprogram/src/custom-tab-bar/index.jsx +++ b/miniprogram/src/custom-tab-bar/index.jsx @@ -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' } ]; diff --git a/miniprogram/src/custom-tab-bar/index.scss b/miniprogram/src/custom-tab-bar/index.scss index e97f5e5..431f8e6 100644 --- a/miniprogram/src/custom-tab-bar/index.scss +++ b/miniprogram/src/custom-tab-bar/index.scss @@ -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: