79 lines
1.6 KiB
JavaScript
79 lines
1.6 KiB
JavaScript
|
// miniprogram_npm/coolui-scroller/nav-pannel/index.js
|
||
|
|
Component({
|
||
|
|
options: {
|
||
|
|
multipleSlots: true,
|
||
|
|
addGlobalClass: true,
|
||
|
|
},
|
||
|
|
relations: {
|
||
|
|
'../scroller/index': {
|
||
|
|
type: 'child',
|
||
|
|
linked: function (target) {
|
||
|
|
// console.log(target)
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
properties: {
|
||
|
|
active: {
|
||
|
|
type: Number,
|
||
|
|
value: 0,
|
||
|
|
},
|
||
|
|
animation: {
|
||
|
|
type: Boolean,
|
||
|
|
value: false,
|
||
|
|
},
|
||
|
|
type: {
|
||
|
|
type: String,
|
||
|
|
value: 'side',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
observers: {
|
||
|
|
active: function (val) {
|
||
|
|
// console.log(val)
|
||
|
|
// this.scrollNodes =
|
||
|
|
// this.scrollNodes ?? this.getRelationNodes('../scroller/index')
|
||
|
|
// if (this.scrollNodes[val]) {
|
||
|
|
// console.log(this.scrollNodes[val])
|
||
|
|
// }
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
width: 0,
|
||
|
|
height: 0,
|
||
|
|
scrollerLength: 0,
|
||
|
|
},
|
||
|
|
lifetimes: {
|
||
|
|
attached: function () {
|
||
|
|
// 计算宽高
|
||
|
|
let that = this
|
||
|
|
wx.createSelectorQuery()
|
||
|
|
.in(this)
|
||
|
|
.select('.wx-coolui-nav-pannel')
|
||
|
|
.boundingClientRect()
|
||
|
|
.exec(function (res) {
|
||
|
|
if (res.length > 0 && res[0]) {
|
||
|
|
that.setData({
|
||
|
|
width: res[0].width,
|
||
|
|
height: res[0].height,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
detached: function () {
|
||
|
|
// 在组件实例被从页面节点树移除时执行
|
||
|
|
},
|
||
|
|
},
|
||
|
|
ready() {
|
||
|
|
this.init()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
init() {
|
||
|
|
// 计算子元素个数
|
||
|
|
let that = this
|
||
|
|
this.scrollNodes = this.getRelationNodes('../scroller/index')
|
||
|
|
that.setData({
|
||
|
|
scrollerLength: that.scrollNodes.length,
|
||
|
|
})
|
||
|
|
},
|
||
|
|
},
|
||
|
|
})
|