86 lines
2.5 KiB
JavaScript
86 lines
2.5 KiB
JavaScript
|
Page({
|
||
|
|
data: {
|
||
|
|
navbarHeight: 60,
|
||
|
|
visibleBasePopup: false,
|
||
|
|
visibleBase: false,
|
||
|
|
visibleNoMaskPopup: false,
|
||
|
|
visibleNoMask: false,
|
||
|
|
visibleDialogPopup: false,
|
||
|
|
visibleDialog: false,
|
||
|
|
visibleDialog1Popup: false,
|
||
|
|
visibleDialog1: false,
|
||
|
|
visibleContentPopup: false,
|
||
|
|
visibleContent: false,
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
return __awaiter(this, void 0, void 0, function* () {
|
||
|
|
this.createSelectorQuery()
|
||
|
|
.select('.custom-navbar')
|
||
|
|
.boundingClientRect((rect) => {
|
||
|
|
this.setData({ navbarHeight: rect.height });
|
||
|
|
})
|
||
|
|
.exec();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleBaseClick() {
|
||
|
|
this.setData({ visibleBasePopup: true });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleBase: true });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleBaseClose() {
|
||
|
|
this.setData({ visibleBasePopup: false });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleBase: false });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleNoMaskClick() {
|
||
|
|
this.setData({ visibleNoMaskPopup: true });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleNoMask: true });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleNoMaskClose() {
|
||
|
|
this.setData({ visibleNoMaskPopup: false });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleNoMask: false });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleDialogClick() {
|
||
|
|
this.setData({ visibleDialogPopup: true });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleDialog: true });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleDialogClose() {
|
||
|
|
this.setData({ visibleDialogPopup: false });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleDialog: false });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleDialog1Click() {
|
||
|
|
this.setData({ visibleDialog1Popup: true });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleDialog1: true });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleDialog1Close() {
|
||
|
|
this.setData({ visibleDialog1Popup: false });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleDialog1: false });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleContentClick() {
|
||
|
|
this.setData({ visibleContentPopup: true });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleContent: true });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
handleContentClose() {
|
||
|
|
this.setData({ visibleContentPopup: false });
|
||
|
|
setTimeout(() => {
|
||
|
|
this.setData({ visibleContent: false });
|
||
|
|
}, 300);
|
||
|
|
},
|
||
|
|
});
|