文档章节

微信小程序把玩(二十三)modal组件

Mr韦淋
 Mr韦淋
发布于 2017/05/07 20:22
字数 176
阅读 40
收藏 0

这里写图片描述

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

常用属性:

这里写图片描述

wxml

<!--监听button点击事件--> <button bindtap="listenerButton" type="primary">弹出modal</button> <!--弹出框--> <modal title="退出应用" hidden="{{hiddenModal}}" confirm-text="再看看" cancel-text="退出" bindconfirm="listenerConfirm" bindcancel="listenerCancel" > 您是否真的要退出应用 </modal>

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

本文转载自:http://blog.csdn.net/u014360817/article/details/52671211

共有 人打赏支持
Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
私信 提问
微信小程序组件modal中的内容可以包含其他组件吗?

我自己试过在modal中的content 写任何html代码都只显示字符串,不能显示效果。 要在微信小程序中实现下图的效果,该怎么玩呢?

BenChao
2017/03/05
1K
3
前端资源系列(3)-微信小程序开发资源汇总

微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者工具 - 官方 Egret Wing 3.2.x 支持微信...

xzavier
2018/08/27
0
0
CMS管理后台入门指南-(Ant-Design-Pro-v2-0)

目标:实现一个基础模块 基础模块 基础模块的定义 基础模块(了解一个基础模块包含哪些基本功能,包括基本功能的展示方式等) 基础模块中前置知识准备 各功能组件介绍(了解各个模块使用到的...

广州芦苇科技web前端
01/09
0
0
微信小程序插件 - 开发教程

昨天(2018.3.13),微信小程序发布了重大功能更新,支持插件的使用和开发,个人预计,不超过2个月,优质服务的插件将会如雨后春笋般涌现。 这篇文章,我将会带大家,从0开始,学习如何开发和...

理工男海哥
2018/03/14
554
0
微信小程序开发中的二三事之网易云信IMSDK DEMO

本文由作者邹永胜授权网易云社区发布。 简介 为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程。用产品的话说就是: 换句话说就是在微信里面通过我...

网易云
2018/12/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

JavaScript执行上下文栈

JavaScript执行上下文栈 顺序执行? 如果要问到JavaScript代码执行顺序的话,想必写过JavaScript的开发者都会有个直观的印象,那就是顺序执行。 var foo = function(){    console.l...

何祯粮
23分钟前
0
0
Django+JWT实现Token认证

对外提供API不用django rest framework(DRF)就是旁门左道吗? 基于Token的鉴权机制越来越多的用在了项目中,尤其是对于纯后端只对外提供API没有web页面的项目,例如我们通常所讲的前后端分...

运维咖啡吧
23分钟前
0
0
大有可为!Rancher Stampede 2019 亮点回顾

Fight for 2019! Rancher Stampede 2019 圆满结束 2019年1月15-18日,以“Rancher Stampede 2019”为主题的Rancher Labs年度员工大会在不夜城拉斯维加斯拉开了帷幕,来自美国、中国、澳洲、...

RancherLabs
32分钟前
1
0
网络环境检查之妙用开源工具Apache JMeter

在某些时候,由于网络原因、或者防火墙的原因,ping命令被禁用了,telent命令只能检测对方是否开启端口,并不能保证本机和远端服务器可以正常的进行http访问;此时,即需要一个可以检查网络的...

em_aaron
36分钟前
0
0
一个标准的Java连接Oracle数据库的示例代码

1、右键项目->构建路径->配置构建路径,选择第三项“库”,然后点击“添加外部Jar”,选择“D:\Oracle\app\oracle\product\11.2.0\server \jdbc\lib\ojdbc6_g.jar”(注:D:\Oracle为数据库的...

诺岚
36分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部