97 lines
1.7 KiB
JavaScript
97 lines
1.7 KiB
JavaScript
|
const app = getApp()
|
||
|
|
|
||
|
|
Page({
|
||
|
|
data: {
|
||
|
|
show: false,
|
||
|
|
duration: 300,
|
||
|
|
position: 'right',
|
||
|
|
round: false,
|
||
|
|
overlay: false,
|
||
|
|
customStyle: '',
|
||
|
|
overlayStyle: '',
|
||
|
|
},
|
||
|
|
onLoad: function () {
|
||
|
|
|
||
|
|
},
|
||
|
|
onShow() {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
popup(e) {
|
||
|
|
const position = e.currentTarget.dataset.position
|
||
|
|
let customStyle = ''
|
||
|
|
let duration = this.data.duration
|
||
|
|
switch(position) {
|
||
|
|
case 'top':
|
||
|
|
case 'bottom':
|
||
|
|
customStyle = 'height: 30%;'
|
||
|
|
break
|
||
|
|
case 'right':
|
||
|
|
break
|
||
|
|
}
|
||
|
|
this.setData({
|
||
|
|
position,
|
||
|
|
show: true,
|
||
|
|
customStyle,
|
||
|
|
duration
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
changeRound() {
|
||
|
|
this.setData({round: !this.data.round})
|
||
|
|
},
|
||
|
|
|
||
|
|
changeOverlay() {
|
||
|
|
this.setData({overlay: !this.data.overlay, show: true})
|
||
|
|
},
|
||
|
|
|
||
|
|
changeOverlayStyle(e) {
|
||
|
|
let overlayStyle = ''
|
||
|
|
const type = e.currentTarget.dataset.type
|
||
|
|
switch(type) {
|
||
|
|
case 'black':
|
||
|
|
overlayStyle = 'background-color: rgba(0, 0, 0, 0.7)'
|
||
|
|
break
|
||
|
|
case 'white':
|
||
|
|
overlayStyle = 'background-color: rgba(255, 255, 255, 0.7)'
|
||
|
|
break
|
||
|
|
case 'blur':
|
||
|
|
overlayStyle = 'background-color: rgba(0, 0, 0, 0.7); filter: blur(4px);'
|
||
|
|
}
|
||
|
|
this.setData({overlayStyle, show: true})
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
exit() {
|
||
|
|
// this.setData({show: false})
|
||
|
|
wx.navigateBack()
|
||
|
|
},
|
||
|
|
|
||
|
|
goTo(e) {
|
||
|
|
wx.navigateTo({url: `../shareElement/index`})
|
||
|
|
},
|
||
|
|
|
||
|
|
onBeforeEnter(res) {
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
onEnter(res) {
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
onAfterEnter(res) {
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
onBeforeLeave(res) {
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
onLeave(res) {
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
onAfterLeave(res) {
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
|
||
|
|
onClickOverlay(res) {
|
||
|
|
console.log(res)
|
||
|
|
}
|
||
|
|
})
|