118 lines
2.4 KiB
JavaScript
118 lines
2.4 KiB
JavaScript
var that
|
|
Component({
|
|
/**
|
|
* 组件的属性列表
|
|
*/
|
|
properties: {
|
|
start: {
|
|
type: Number,
|
|
value: 1900
|
|
},
|
|
end: {
|
|
type: Number,
|
|
value: 9999
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 组件的初始数据
|
|
*/
|
|
data: {
|
|
isShow: false,
|
|
value: [0],
|
|
years: [],
|
|
year: 1900,
|
|
current: 1900,
|
|
dialogh: 0
|
|
},
|
|
attached: function () {
|
|
console.log('attached')
|
|
that = this
|
|
that.animation = wx.createAnimation({
|
|
duration: 300
|
|
})
|
|
var dialoghpx = 500 / 750 * wx.getSystemInfoSync().windowWidth
|
|
that.setData({
|
|
dialogh: dialoghpx
|
|
})
|
|
},
|
|
detached: function () {
|
|
console.log('detached')
|
|
|
|
},
|
|
pageLifetimes: {
|
|
//组件所在的页面被展示时执行 最低版本2.2.3
|
|
show: function () {
|
|
console.log('页面show')
|
|
var yearstemp = []
|
|
for(var i = that.properties.start; i <= that.properties.end; i ++){
|
|
yearstemp.push(i)
|
|
}
|
|
that.setData({
|
|
years: yearstemp
|
|
})
|
|
},
|
|
//组件所在的页面被隐藏时执行 最低版本2.2.3
|
|
hide: function () {
|
|
console.log('页面被隐藏')
|
|
},
|
|
//这个函数一般使用场景较少，了解就可以了 最低版本2.4.0
|
|
resize: function (size) {
|
|
console.log('页面尺寸变化')
|
|
}
|
|
},
|
|
/**
|
|
* 组件的方法列表
|
|
*/
|
|
methods: {
|
|
bindChange: function (e) {
|
|
const val = e.detail.value
|
|
that.setData({
|
|
year: this.data.years[val[0]]
|
|
})
|
|
},
|
|
showDialog(current){
|
|
that.setData({
|
|
isShow: true
|
|
})
|
|
var currentindex = 0
|
|
that.data.years.forEach(function(v,i,s){
|
|
if(current == v){
|
|
currentindex = i
|
|
}
|
|
})
|
|
that.setData({
|
|
[`value[0]`] : currentindex,
|
|
year: that.data.years[currentindex],
|
|
current: current
|
|
})
|
|
|
|
that.animation.translateY(that.data.dialogh).translateY(0).step()
|
|
that.setData({animation: that.animation.export()})
|
|
},
|
|
cancel(){
|
|
this.triggerEvent("cancel")
|
|
that.dimsss()
|
|
},
|
|
dimsss(){
|
|
that.animation.translateY(that.data.dialogh).step()
|
|
that.setData({animation: that.animation.export()})
|
|
setTimeout(() => {
|
|
that.setData({
|
|
isShow: false
|
|
})
|
|
}, 300)
|
|
},
|
|
lefttap(){
|
|
this.triggerEvent("lefttap")
|
|
that.dimsss()
|
|
},
|
|
righttap(){
|
|
this.triggerEvent("righttap",{
|
|
year: that.data.year
|
|
})
|
|
that.dimsss()
|
|
}
|
|
}
|
|
})
|