49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
|
// custom-tab-bar/index.ts
|
||
|
|
Component({
|
||
|
|
/**
|
||
|
|
* 组件的属性列表
|
||
|
|
*/
|
||
|
|
properties: {},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 组件的初始数据
|
||
|
|
*/
|
||
|
|
data: {
|
||
|
|
value: 'label_1',
|
||
|
|
list: [
|
||
|
|
{ value: 'label_1', label: '首页', icon: 'home', pagePath: '/pages/one/index' },
|
||
|
|
{ value: 'label_2', label: '应用', icon: 'app', pagePath: '/pages/two/index' },
|
||
|
|
{ value: 'label_3', label: '聊天', icon: 'chat', pagePath: '/pages/three/index' },
|
||
|
|
{ value: 'label_4', label: '我的', icon: 'user', pagePath: '/pages/four/index' },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 组件的方法列表
|
||
|
|
*/
|
||
|
|
methods: {
|
||
|
|
onChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
|
||
|
|
const value = e.detail.value
|
||
|
|
this.setData({ value })
|
||
|
|
const item = this.data.list.find((i) => i.value === value)
|
||
|
|
if (item && item.pagePath) {
|
||
|
|
wx.switchTab({
|
||
|
|
url: item.pagePath,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
init() {
|
||
|
|
const page = getCurrentPages().pop()
|
||
|
|
const route = (page && page.route) || ''
|
||
|
|
const activeItem = this.data.list.find(
|
||
|
|
(item) => route.includes(item.pagePath.replace(/^\//, '')) || item.pagePath.includes(route),
|
||
|
|
)
|
||
|
|
if (activeItem) {
|
||
|
|
this.setData({
|
||
|
|
value: activeItem.value,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
})
|