微信小程序html modal,微信小程序 modal组件详细介绍

5268f80b9b1e01f982625ef6fac83ca1.png

微信小程序html modal,微信小程序 modal组件详细介绍_第1张图片

modal弹出框常用在提示一些信息比如:退出应用,清楚缓存,修改资料提交时一些提示等等。

常用属性:

微信小程序html modal,微信小程序 modal组件详细介绍_第2张图片

wxml

弹出modal

title="退出应用"

hidden="{{hiddenModal}}"

confirm-text="再看看"

cancel-text="退出"

bindconfirm="listenerConfirm"

bindcancel="listenerCancel" >

您是否真的要退出应用

js

Page({

data:{

// text:"这是一个页面"

hiddenModal: true

},

listenerButton:function() {

this.setData({

hiddenModal: !this.data.hiddenModal

})

},

listenerConfirm:function() {

this.setData({

hiddenModal: true

})

},

listenerCancel:function() {

this.setData({

hiddenModal: true

})

},

onLoad:function(options){

// 页面初始化 options为页面跳转所带来的参数

},

onReady:function(){

// 页面渲染完成

},

onShow:function(){

// 页面显示

},

onHide:function(){

// 页面隐藏

},

onUnload:function(){

// 页面关闭

}

})

相关文章:

hello WeApp                      icon组件

Window                             text组件                                switch组件

tabBar底部导航                 progress组件                        action-sheet

应用生命周期                    button组件                            modal组件

页面生命周期                    checkbox组件                      toast组件

模块化详                           form组件详                            loading 组件

数据绑定                           input 组件                             navigator 组件

View组件                          picker组件                             audio 组件

scroll-view组件                 radio组件                              video组件

swiper组件                        slider组件                              Image组件

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

你可能感兴趣的:(微信小程序html,modal)