You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.4 KiB
73 lines
1.4 KiB
import { getRect } from '../common/utils';
|
|
import { VantComponent } from '../common/component';
|
|
VantComponent({
|
|
relation: {
|
|
name: 'tabbar-item',
|
|
type: 'descendant',
|
|
current: 'tabbar',
|
|
linked(target) {
|
|
target.parent = this;
|
|
target.updateFromParent();
|
|
},
|
|
unlinked() {
|
|
this.updateChildren();
|
|
},
|
|
},
|
|
props: {
|
|
active: {
|
|
type: null,
|
|
observer: 'updateChildren',
|
|
},
|
|
activeColor: {
|
|
type: String,
|
|
observer: 'updateChildren',
|
|
},
|
|
inactiveColor: {
|
|
type: String,
|
|
observer: 'updateChildren',
|
|
},
|
|
fixed: {
|
|
type: Boolean,
|
|
value: true,
|
|
observer: 'setHeight',
|
|
},
|
|
placeholder: {
|
|
type: Boolean,
|
|
observer: 'setHeight',
|
|
},
|
|
border: {
|
|
type: Boolean,
|
|
value: true,
|
|
},
|
|
zIndex: {
|
|
type: Number,
|
|
value: 1,
|
|
},
|
|
safeAreaInsetBottom: {
|
|
type: Boolean,
|
|
value: true,
|
|
},
|
|
},
|
|
data: {
|
|
height: 50,
|
|
},
|
|
methods: {
|
|
updateChildren() {
|
|
const { children } = this;
|
|
if (!Array.isArray(children) || !children.length) {
|
|
return;
|
|
}
|
|
children.forEach((child) => child.updateFromParent());
|
|
},
|
|
setHeight() {
|
|
if (!this.data.fixed || !this.data.placeholder) {
|
|
return;
|
|
}
|
|
wx.nextTick(() => {
|
|
getRect(this, '.van-tabbar').then((res) => {
|
|
this.setData({ height: res.height });
|
|
});
|
|
});
|
|
},
|
|
},
|
|
});
|