微信小程序 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)文章
這篇文章主要介紹了微信小程序 Flex布局詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序微信支付接入開發(fā)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要為大家介紹了Electron 剪貼板實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
JavaScript?執(zhí)行上下文的視角詳解this使用
這篇文章主要為以JavaScript?執(zhí)行上下文的視角為大家講清楚?this使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要介紹了微信小程序 圖片邊框解決方法的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了java Spring事務(wù)回滾的相關(guān)資料,需要的朋友可以參考下2016-10-10
javascript的setTimeout()使用方法總結(jié)
這篇文章主要給大家分享javascript的setTimeout()使用方法總結(jié)，js的setTimeout方法用處比較多，通常用在頁面刷新了、延遲執(zhí)行了等等，下面我們一起來看看文章對(duì)該內(nèi)容的具體總結(jié)吧,需要的朋友可以參考一下2021-11-11
這篇文章主要為大家介紹了qiankun 找不到入口問題徹底解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
在開發(fā)一個(gè)JavaScript項(xiàng)目時(shí)，經(jīng)常會(huì)用到以前開發(fā)過的一些工具函數(shù)，收集這些函數(shù)，當(dāng)你需要它們的時(shí)候，將節(jié)省你大量的開發(fā)時(shí)間，本文將給大家?guī)?5個(gè)常用的工具函數(shù)，需要的小伙伴可以參考下2021-09-09
移動(dòng)開發(fā)之自適應(yīng)手機(jī)屏幕寬度
這篇文章主要介紹了移動(dòng)開發(fā)之自適應(yīng)手機(jī)屏幕寬度的相關(guān)資料,網(wǎng)上關(guān)于這方面的文章有很多，重復(fù)的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方,需要的朋友可以參考下2016-11-11