最新更新 | 下载排行

您所在的位置： 下载吧  >  软件教程  >  编程开发 > 正文

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

  • 时间：2017-01-02 17:39
  • 来源：下载吧
  • 编辑：xwgod

　　微信小程序新手教程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组件教程了

相关教程

最近更新

人气排行

装机必备 | 软件分类 | 提交软件 | 在线病毒扫描 | 联系我们 | 版权声明

Copyright 2008-2025 下载吧(www.xiazaiba.com). 联系方式：

晋ICP备2023014734号-1