当前位置：首页 > 资讯 > 技术文档

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

时间：2020-12-29 17:00 编辑：来源：阅读：
扫一扫，手机访问

摘要：微信小程序 modal组件详细介绍

[img]http://files.jb51.net/file_images/article/201609/201692885747618.gif?20168288584[/img] modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。 [b]常用属性：[/b] [img]http://files.jb51.net/file_images/article/201609/201692885903246.png?201682885918[/img] wxml

<!--监听button点击事件-->
<button bindtap="listenerButton" type="primary">弹出modal</button>

<!--弹出框-->
<modal 
 title="退出应用"
  hidden="{{hiddenModal}}"
  confirm-text="再看看"
  cancel-text="退出"
  bindconfirm="listenerConfirm"
  bindcancel="listenerCancel" >
  您是否真的要退出应用
  </modal>

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(){
 // 页面关闭
 }
})

[b]相关文章：[/b] [url=http://www.1sucai.cn/article/93584.htm]hello WeApp [/url] [url=http://www.1sucai.cn/article/93618.htm]icon组件 Window [/url] [url=http://www.1sucai.cn/article/93627.htm]text组件[/url] [url=http://www.1sucai.cn/article/93655.htm]switch组件[/url] [url=http://www.1sucai.cn/article/93592.htm]tabBar底部导航[/url] [url=http://www.1sucai.cn/article/93629.htm] progress组件[/url] [url=http://www.1sucai.cn/article/93656.htm]action-sheet[/url] [url=http://www.1sucai.cn/article/93598.htm]应用生命周期[/url] [url=http://www.1sucai.cn/article/93632.htm]button组件[/url] [url=http://www.1sucai.cn/article/93672.htm]modal组件页面生命周期[/url] [url=http://www.1sucai.cn/article/93634.htm]checkbox组件 [/url] [url=http://www.1sucai.cn/article/93675.htm]toast组件[/url] [url=http://www.1sucai.cn/article/93603.htm]模块化详 [/url] [url=http://www.1sucai.cn/article/93637.htm]form组件详 [/url] [url=http://www.1sucai.cn/article/93679.htm] loading 组件数据绑定[/url] [url=http://www.1sucai.cn/article/93643.htm]input 组件[/url] [url=http://www.1sucai.cn/article/93680.htm]navigator 组件[/url] [url=http://www.1sucai.cn/article/93611.htm]View组件[/url] [url=http://www.1sucai.cn/article/93645.htm]picker组件[/url] [url=http://www.1sucai.cn/article/93681.htm] audio 组件[/url] [url=http://www.1sucai.cn/article/93612.htm]scroll-view组件[/url] [url=http://www.1sucai.cn/article/93649.htm]radio组件[/url] [url=http://www.1sucai.cn/article/93690.htm] video组件[/url] [url=http://www.1sucai.cn/article/93616.htm]swiper组件[/url] [url=http://www.1sucai.cn/article/93654.htm]slider组件[/url] [url=http://www.1sucai.cn/article/93688.htm] Image组件[/url]

全部评论(0)

上一篇：微信小程序基础组件与导航组件详细介绍
下一篇：基于JavaScript代码实现微信扫一扫下载APP

资讯排行榜
更多>>