40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
// 自定义 tabBar：原生 tabBar 只能放 PNG 位图，三个图标分别是
|
|
// 实心"手托心" / 气泡里塞"AI"字 / 线框人形，风格互相打架。
|
|
// 改用 TDesign 图标字体后，三个 tab 走同一套线性笔触，只靠颜色区分选中态。
|
|
Component({
|
|
data: {
|
|
selected: 0, // 当前选中项，由各 tab 页在 onShow 里同步
|
|
activeColor: '#C2410C', // 选中：暖橙深一档，白底 4.69:1，过 WCAG AA 正文标准
|
|
inactiveColor: '#7A7068', // 未选中：暖灰，白底 4.83:1，过 WCAG AA 正文标准
|
|
list: [{
|
|
pagePath: '/pages/home/index',
|
|
text: '首页',
|
|
icon: 'home'
|
|
}, {
|
|
pagePath: '/pages/ai/aichat',
|
|
text: 'AI客服',
|
|
icon: 'chat'
|
|
}, {
|
|
pagePath: '/pages/mine/mine',
|
|
text: '我的',
|
|
icon: 'user'
|
|
}]
|
|
},
|
|
|
|
methods: {
|
|
onTap(e) {
|
|
const {
|
|
index,
|
|
path
|
|
} = e.currentTarget.dataset
|
|
// 重复点击当前 tab 不做跳转，避免页面被重置
|
|
if (index === this.data.selected) {
|
|
return
|
|
}
|
|
wx.switchTab({
|
|
url: path
|
|
})
|
|
}
|
|
}
|
|
})
|