这篇文章主要介绍了微信小程序 modal组件详细介绍的相关资料,需要的朋友可以参考下

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

常用属性:

wxml

<!--监听button点击事件-->
<button>弹出modal</button>

<!--弹出框-->

  您是否真的要退出应用
  
登录后复制

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(){
 // 页面关闭
 }
})
登录后复制

更多微信小程序 modal组件详细介绍相关文章请关注PHP中文网!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部