微信小程序 modal詳解及實例代碼
更新時間：2016年11月09日 10:53:35 投稿：lqh
這篇文章主要介紹了微信小程序 modal詳解及實例代碼的相關資料,需要的朋友可以參考下
微信小程序 開發(fā)文檔，相關文章：
微信小程序 modal
對話彈窗
| 屬性名 | 類型 | 默認值 | 說明 |
|---|---|---|---|
| title | String | 標題 | |
| hidden | Boolean | false | 是否隱藏整個彈窗 |
| no-cancel | Boolean | false | 是否隱藏cancel按鈕 |
| confirm-text | String | 確定 | confirm按鈕文字 |
| cancel-text | String | 取消 | cancel按鈕文字 |
| bindconfirm | EventHandle | 點擊確認觸發(fā)的回調(diào) | |
| bindcancel | EventHandle | 點擊取消以及蒙層觸發(fā)的回調(diào) |
示例：
<modal title="標題" confirm-text="confirm" cancel-text="cancel" hidden="{{modalHidden}}" bindconfirm="modalChange" bindcancel="modalChange">
這是對話框的內(nèi)容。
</modal>
<modal class="modal" hidden="{{modalHidden2}}" no-cancel bindconfirm="modalChange2">
<view> 沒有標題沒有蒙層沒有確定的modal </view>
<view> 內(nèi)容可以插入節(jié)點 </view>
</modal>
<view class="btn-area">
<button type="default" bindtap="modalTap">點擊彈出modal</button>
<button type="default" bindtap="modalTap2">點擊彈出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
})
},
})
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
這篇文章主要介紹了微信小程序 Flex布局詳解的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序微信支付接入開發(fā)實例詳解的相關資料,需要的朋友可以參考下2017-04-04
這篇文章主要為大家介紹了Electron 剪貼板實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
JavaScript?執(zhí)行上下文的視角詳解this使用
這篇文章主要為以JavaScript?執(zhí)行上下文的視角為大家講清楚?this使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了微信小程序 圖片邊框解決方法的相關資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了java Spring事務回滾的相關資料,需要的朋友可以參考下2016-10-10
javascript的setTimeout()使用方法總結(jié)
這篇文章主要給大家分享javascript的setTimeout()使用方法總結(jié)，js的setTimeout方法用處比較多，通常用在頁面刷新了、延遲執(zhí)行了等等，下面我們一起來看看文章對該內(nèi)容的具體總結(jié)吧,需要的朋友可以參考一下2021-11-11
這篇文章主要為大家介紹了qiankun 找不到入口問題徹底解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
在開發(fā)一個JavaScript項目時，經(jīng)常會用到以前開發(fā)過的一些工具函數(shù)，收集這些函數(shù)，當你需要它們的時候，將節(jié)省你大量的開發(fā)時間，本文將給大家?guī)?5個常用的工具函數(shù)，需要的小伙伴可以參考下2021-09-09
這篇文章主要介紹了移動開發(fā)之自適應手機屏幕寬度的相關資料,網(wǎng)上關于這方面的文章有很多，重復的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方,需要的朋友可以參考下2016-11-11