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