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

// 页面关闭

}

})

相关文章:

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组件

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

本文系统来源:php中文网

微信小程序html modal,微信小程序 modal组件详细介绍相关推荐

  1. 腾讯小程序php,微信小程序实现使用腾讯地图SDK步骤详细介绍

    这篇文章微信小程序实现使用腾讯地图SDK步骤详细介绍的相关资料,需要的朋友可以参考下 微信小程序 使用腾讯地图SDK详解及实现步骤 近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来 ...

  2. 微信小程序引用php函数,微信小程序Page中data数据操作和函数调用详细介绍

    这篇文章主要介绍了微信小程序 详解Page中data数据操作和函数调用的相关资料,需要的朋友可以参考下 微信小程序 详解Page中data数据操作和函数调用 Page() 函数用来注册一个页面.接受一 ...

  3. android小闹钟程序,Android实现闹钟小程序.pdf

    Android实实现现闹闹钟钟小小程程序序 这篇文章主要为大家详细介绍了Android实现闹钟小程序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 最近写了 闹钟的程序,看到SharedPrefe ...

  4. php跳一跳小游戏,php实现微信跳一跳小游戏

    最近微信跳一跳小游戏很火,本文主要为大家详细介绍了微信跳一跳辅助php代码实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 本文实例为大家分享了php微信跳一跳的具体代码,供 ...

  5. 【微信小程序系列】微信小程序连接后端数据库(SSM)案例

    [微信小程序系列]微信小程序连接后端数据库(SSM)案例 登录页面 login.wxml <view class="page"><loading hidden=& ...

  6. 【微信小程序之画布】一:canvas组件

    微信小程序开发交流qq群   173683895    承接微信小程序开发.扫码加微信. 正文: 此文章主要是对canvas组件的介绍与基本的使用.在组件中绘画了一条固定的直线. 我们先了解一下can ...

  7. 微信小程序 app.json 详细介绍

    微信小程序 app.json 详细介绍 {// 写各个页面的路径 (新增页面或者减少页面都要对其进行修改)"pages": ["pages/index/index&quo ...

  8. 小程序webview不全屏_有赞微信商城和有赞微信小程序什么不一样

    有赞微信商城和有赞微信小程序什么不一样?许多商家的小程序就是微信商城,有了微信商城,小程序也就没必要再用了,这种掌握当然是有误的,小程序和微信商城的正中区别还是很明显的.Apple和微信商城的中间区别 ...

  9. 微信小程序把玩(十九)radio组件

    原文:微信小程序把玩(十九)radio组件 radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别 主要属性: wxml <!--设置监听器,当点击radi ...

最新文章

  1. vim中实现CSS、HTML代码自动完成功能
  2. JAVA SE学习day_15:thread线程池
  3. 竞品分析框架及案例-探索业务方向
  4. 微软.Net开发中的多线程编程总结
  5. 午夜十分之凌晨三点半
  6. python慢为什么用的人还很多_为什么是所有人比python标准慢得多吗?
  7. 【多题合集】线段覆盖1、2、3
  8. 剑指 Offer 58 - I. 翻转单词顺序 (双指针)
  9. 图文并茂地带你了解kafka分区Rebalance机制
  10. 【NLP】哈工大车万翔教授 -- 自然语言处理NLPer的核心竞争力是什么?19页ppt
  11. 名字作诗,增添你的印象分
  12. 图片随着屏幕大小变化而变化
  13. 上海交大ACM班俞勇团队出新书了!
  14. linux pppd源码下载_Linux中的pppd
  15. “香港科大百万奖金创业大赛”的十年深耕:让硬科技像蒲公英一样散播
  16. 一键安装ghost轻博客
  17. 一个很棒的字帖生成器
  18. 西风多少恨,吹不散眉弯
  19. BadUSB橡皮鸭WinLinux通用下载者
  20. 零基础想学好编程!C语言最难啃的 3 块硬骨头,你全吃透了吗?

热门文章

  1. html导出表格为csv,可将HTML表格导出为Excel|csv|txt文件的jQuery插件
  2. 解决C++中multiple definition of问题
  3. wifi连指定ssid和password
  4. python一款神器:ptpython 安装
  5. Linux设备驱动模型二 kobject
  6. tensorflow之truncated_normal
  7. 视频编解码(十四):机顶盒调试编解码器显示总结
  8. 巩固——React的详细安装教程
  9. python3携程多任务_python3之携程yield及greenlet
  10. Java 数组转字符串