修改界面中,临时提交
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
// 自定义 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
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user