微信小程式例子——使用modal元件彈出對話方塊

1、效果展示

2、關鍵程式碼

1、index.wxml

提示:{{tip}}
您好,我是modal對話方塊

2、index.js

Page({
data:{
// text:"這是一個頁面"
tip:'',
buttonDisabled:false,
modalHidden:true,
show:false
},
showModal:function(){
this.setData({
modalHidden:!this.data.modalHidden
})
},
modalBindaconfirm:function(){
this.setData({
modalHidden:!this.data.modalHidden,
show:!this.data.show,
tip:'您點選了【確認】按鈕!',
buttonDisabled:!this.data.buttonDisabled
})
},
modalBindcancel:function(){
this.setData({
modalHidden:!this.data.modalHidden,
tip:'您點選了【取消】按鈕!'
})
}
})
3、原始碼獲取方式
百度雲連結:http://pan.baidu.com/s/1kUZea7l

4、在使用modal元件彈出對話方塊的過程中有遇到任何問題或者不明白的地方,歡迎新增我的微信進行諮詢,感謝您的支援!微訊號:FutureJet

5、覺得不錯請打賞,您的十分滿意是筆者的無限動力。