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.
68 lines
1.8 KiB
68 lines
1.8 KiB
"use strict"; |
|
Object.defineProperty(exports, "__esModule", { value: true }); |
|
var component_1 = require("../common/component"); |
|
var relation_1 = require("../common/relation"); |
|
var utils_1 = require("../common/utils"); |
|
(0, component_1.VantComponent)({ |
|
relation: (0, relation_1.useChildren)('tabbar-item', function () { |
|
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: function () { |
|
var children = this.children; |
|
if (!Array.isArray(children) || !children.length) { |
|
return; |
|
} |
|
children.forEach(function (child) { return child.updateFromParent(); }); |
|
}, |
|
setHeight: function () { |
|
var _this = this; |
|
if (!this.data.fixed || !this.data.placeholder) { |
|
return; |
|
} |
|
wx.nextTick(function () { |
|
(0, utils_1.getRect)(_this, '.van-tabbar').then(function (res) { |
|
_this.setData({ height: res.height }); |
|
}); |
|
}); |
|
}, |
|
}, |
|
});
|
|
|