自定义Tabbar坑1
http://doc.mini.7yue.pro/component/nav/tab-bar.html#使用方法
源码:custom-tab-bar中的index.js
要删掉下面这一段
properties: {
position: {
type: String,
value: 'bottom'
},
show: {
type: Boolean,
value: true
},
selected: {
type: Number,
value: 0
},
color: {
type: String,
value: '#707070'
},
selectedColor: {
type: String,
value: '3963BC'
},
borderStyle: {
type: String,
value: '#f6f6f6'
},
backgroundColor: {
type: String,
value: '#fff'
},
backgroundImg: {
type: String,
value: ''
},
fontSize: {
type: Number,
value: 24
},
list: {
type: Array,
value: []
}
},
要不然就是显示都是空白。
坑2:page页要主动更新tabber的当前选中项
onShow: function () {
this.getTabBar().show(1)
}
切换的操作应该改为
onShow: function () {
if (typeof this.getTabBar === 'function' &&
this.getTabBar()) {
this.getTabBar().setData({
selected: 1
})
}
}