您的位置:首页技术文章
文章详情页

微信小程序新手教程modal组件

【字号: 日期:2022-07-16 09:26:06浏览:33作者:猪猪

微信小程序新手教程modal组件 ,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧

modal组件

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

常用属性:

微信小程序新手教程modal组件

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(){

// 页面关闭

}

})

以上就是微信小程序新手教程modal组件教程了

标签: 微信
相关文章: