const app = getApp();

Component({

data: {

selected:

"custom": true

"color": "#472E0B"

"selectedColor": "#472E0B"

"borderStyle": "black"

"backgroundColor": "#ccc"

// 菜单1

"list": [

],

"list1": [

{

"pagePath": "/pages/orderList/orderList"

"text": "订单"

"iconPath": "../images/dingdanhui.png"

"selectedIconPath": "../images/dingdanlan.png"

},

{

"pagePath": "/pages/mine/mine"

"text": "我的"

"iconPath": "../images/minhui.png"

"selectedIconPath": "../images/minelan.png"

}

],

//菜单2

"list2": [

{

"pagePath": "/pages/agent_equipment/agent_equipment"

"text": "设备"

"iconPath": "../images/shebei1.png"

"selectedIconPath": "../images/shebei.png"

},

{

"pagePath": "/pages/agent_me/agent_me"

"text": "我的"

"iconPath": "../images/me.png"

"selectedIconPath": "../images/me1.png"

}

],

"position": "bottom"

},

// -- 初始化判断角色

attached() {

this.setData({

list: []

})

if ( 100 == app.globalData.type){

this.setData({

list: this.data.list2

})

}else

this.setData({

list: this.data.list1

})

}

},

methods: {

switchTab(e) {

const data = e.currentTarget.dataset;

const url = data.path;

wx.switchTab({

url: url

})

this.setData({

selected: data.index

})

}

}

})

<!-- wxm l-->

cover-viewclass"tab-bar">

cover-viewclass"tab-bar-border"></cover-view

cover-viewwx:for"{{list}}"wx:key"index"class"tab-bar-item"data-path"{{item.pagePath}}"data-index"{{index}}"bindtap"switchTab">

cover-imagesrc"{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image

cover-viewstyle"color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view

</cover-view

</cover-view