feat: 底部 tabBar 改用 SVG 线性图标,文字提示加粗
This commit is contained in:
@@ -45,6 +45,7 @@
|
||||
.tab-label {
|
||||
font-size: 20px;
|
||||
color: #b08d8d;
|
||||
font-weight: 600;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
@@ -54,7 +55,7 @@
|
||||
|
||||
.tab-item.active .tab-label {
|
||||
color: #ff9a9e;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.custom-tab-bar.theme-dark .tab-item.active .tab-label {
|
||||
|
||||
@@ -7,11 +7,11 @@ import { applyPageBackground } from '../utils/themeBackground'
|
||||
import './index.scss'
|
||||
|
||||
const TABS = [
|
||||
{ pagePath: '/pages/index/index', text: '首页', icon: '/icon/首页.png' },
|
||||
{ pagePath: '/pages/shop/index', text: '商品', icon: '/icon/商品.png' },
|
||||
{ pagePath: '/pages/designList/index', text: '设计清单', icon: '/icon/调色盘.png' },
|
||||
{ pagePath: '/pages/orders/index', text: '订单', icon: '/icon/包裹.png' },
|
||||
{ pagePath: '/pages/profile/index', text: '我的', icon: '/icon/个人.png' }
|
||||
{ pagePath: '/pages/index/index', text: '首页', icon: '/icon/首页.svg' },
|
||||
{ pagePath: '/pages/shop/index', text: '商品', icon: '/icon/商品.svg' },
|
||||
{ pagePath: '/pages/designList/index', text: '设计清单', icon: '/icon/调色盘.svg' },
|
||||
{ pagePath: '/pages/orders/index', text: '订单', icon: '/icon/包裹.svg' },
|
||||
{ pagePath: '/pages/profile/index', text: '我的', icon: '/icon/个人.svg' }
|
||||
]
|
||||
|
||||
export default function CustomTabBar() {
|
||||
|
||||
Reference in New Issue
Block a user