微信小程式 modal詳解及實例程式碼

這篇文章主要介紹了微信小程式 modal詳解及實例程式碼的相關資料,需要的朋友可以參考下

微信小程式modal

對話彈窗

類型

預設說明titleString 是否隱藏整個彈跳窗no-cancelBooleanfalse是否隱藏cancel按鈕confirm-textString取消cancel按鈕文字bindconfirmEventHandle 點擊確認觸發的回調bindcancelEventHanid

			範例：
<modal title="标题" confirm-text="confirm" cancel-text="cancel" hidden="{{modalHidden}}" bindconfirm="modalChange" bindcancel="modalChange"> 这是对话框的内容。 </modal> <modal class="modal" hidden="{{modalHidden2}}" no-cancel bindconfirm="modalChange2"> <view> 没有标题没有蒙层没有确定的modal </view> <view> 内容可以插入节点 </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 }) }, })
感謝閱讀，希望能幫助大家，謝謝大家對本站的支持！	更多微信小程式  modal詳解及實例代碼相關文章請關注PHP中文網！