微信小程序 modal詳解及實(shí)例代碼
更新時(shí)間：2016年11月09日 10:53:35 投稿：lqh
這篇文章主要介紹了微信小程序 modal詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
微信小程序 開發(fā)文檔，相關(guān)文章：
微信小程序 modal
對(duì)話彈窗
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| title | String | 標(biāo)題 | |
| hidden | Boolean | false | 是否隱藏整個(gè)彈窗 |
| no-cancel | Boolean | false | 是否隱藏cancel按鈕 |
| confirm-text | String | 確定 | confirm按鈕文字 |
| cancel-text | String | 取消 | cancel按鈕文字 |
| bindconfirm | EventHandle | 點(diǎn)擊確認(rèn)觸發(fā)的回調(diào) | |
| bindcancel | EventHandle | 點(diǎn)擊取消以及蒙層觸發(fā)的回調(diào) |
示例：
<modal title="標(biāo)題" confirm-text="confirm" cancel-text="cancel" hidden="{{modalHidden}}" bindconfirm="modalChange" bindcancel="modalChange">
這是對(duì)話框的內(nèi)容。
</modal>
<modal class="modal" hidden="{{modalHidden2}}" no-cancel bindconfirm="modalChange2">
<view> 沒有標(biāo)題沒有蒙層沒有確定的modal </view>
<view> 內(nèi)容可以插入節(jié)點(diǎn) </view>
</modal>
<view class="btn-area">
<button type="default" bindtap="modalTap">點(diǎn)擊彈出modal</button>
<button type="default" bindtap="modalTap2">點(diǎn)擊彈出modal2</button>
</view>
Page({
data: {
modalHidden: true,
modalHidden2: true
},
modalTap: function(e) {
this.setData({
modalHidden: false
})
},
modalChange: function(e) {
this.setData({
modalHidden: true
})
},
modalTap2: function(e) {
this.setData({
modalHidden2: false
})
},
modalChange2: function(e) {
this.setData({
modalHidden2: true
})
},
})
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
這篇文章主要介紹了微信小程序 Nginx環(huán)境配置詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-02-02
微信小程序 五星評(píng)分的實(shí)現(xiàn)實(shí)例
這篇文章主要介紹了微信小程序 五星評(píng)分的實(shí)現(xiàn)實(shí)例的相關(guān)資料,這里提供實(shí)現(xiàn)實(shí)例幫助大家實(shí)現(xiàn)改功能，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了Java中的Script對(duì)象的相關(guān)資料,需要的朋友可以參考下文章里內(nèi)容2021-08-08
微信小程序 選擇器（時(shí)間，日期，地區(qū)）實(shí)例詳解
這篇文章主要介紹了微信小程序 選擇器（時(shí)間，日期，地區(qū)）實(shí)例詳解的相關(guān)資料,這里提供了實(shí)例代碼及實(shí)現(xiàn)效果圖，幫助大家學(xué)習(xí)理解這部分知識(shí)，需要的朋友可以參考下2016-11-11
JS實(shí)現(xiàn)頁面炫酷的時(shí)鐘特效示例
這篇文章主要為大家介紹了JS實(shí)現(xiàn)頁面炫酷的時(shí)鐘特效示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
強(qiáng)制設(shè)為首頁代碼...2006-06-06
JavaScript選擇器函數(shù)querySelector和querySelectorAll
這篇文章主要介紹了?JavaScript選擇器函數(shù)querySelector和querySelectorAll，下面文章圍繞querySelector和querySelectorAll的相關(guān)資料展開詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11
微信小程序技巧之show內(nèi)容展示，上傳文件編碼問題
這篇文章主要介紹了微信小程序技巧之show內(nèi)容展示，上傳文件編碼問題，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-01-01
原生js實(shí)現(xiàn)鼠標(biāo)滑過播放音符方法詳解
本文使用原生js的AudioContext接口實(shí)現(xiàn)一個(gè)劃過菜單播放天空之城的鼠標(biāo)特效,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
這篇文章主要為大家介紹了前端算法leetcode49-字母異位詞分組解題示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09