微信小程序  modal详解及实例代码


Posted in Javascript onNovember 09, 2016

微信小程序 开发文档,相关文章:

微信小程序 modal

对话弹窗

属性名 类型 默认值 说明
title String   标题
hidden Boolean false 是否隐藏整个弹窗
no-cancel Boolean false 是否隐藏cancel按钮
confirm-text String 确定 confirm按钮文字
cancel-text String 取消 cancel按钮文字
bindconfirm EventHandle   点击确认触发的回调
bindcancel EventHandle   点击取消以及蒙层触发的回调

示例:

<modal title="标题" confirm-text="confirm" cancel-text="cancel" hidden="{{modalHidden}}" bindconfirm="modalChange" bindcancel="modalChange">
 这是对话框的内容。
</modal>

<modal class="modal" hidden="{{modalHidden2}}" no-cancel bindconfirm="modalChange2">
 <view> 没有标题没有蒙层没有确定的modal </view>
 <view> 内容可以插入节点 </view>
</modal>

<view class="btn-area">
 <button type="default" bindtap="modalTap">点击弹出modal</button>
 <button type="default" bindtap="modalTap2">点击弹出modal2</button>
</view>
Page({
 data: {
 modalHidden: true,
 modalHidden2: true
 },
 modalTap: function(e) {
 this.setData({
 modalHidden: false
 })
 },
 modalChange: function(e) {
 this.setData({
 modalHidden: true
 })
 },
 modalTap2: function(e) {
 this.setData({
 modalHidden2: false
 })
 },
 modalChange2: function(e) {
 this.setData({
 modalHidden2: true
 })
 },
})

微信小程序  modal详解及实例代码

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JQuery select标签操作代码段
May 16 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
处理及遍历XML文档DOM元素属性及方法整理
Aug 23 Javascript
javascript jq 弹出层实例
Aug 25 Javascript
浅析javascript函数表达式
Feb 10 Javascript
js中获取键盘事件的简单实现方法
Oct 10 Javascript
jQuery滚动监听实现商城楼梯式导航效果
Mar 06 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 Javascript
JavaScript常见事件处理程序实例总结
Jan 05 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
原生js实现碰撞检测
Mar 12 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 #Javascript
浅谈EasyUI常用控件的禁用方法
Nov 09 #Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 #Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 #Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 #Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 #Javascript
jquery获取easyui日期控件的值实现方法
Nov 09 #Javascript
You might like
MySQL中create table语句的基本语法是
2007/01/15 PHP
PHP使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
PHP生成二维码的两个方法和实例
2014/07/01 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
2013/05/08 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
python如何获取服务器硬件信息
2017/05/11 Python
Python函数式编程
2017/07/20 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
安装Pycharm2019以及配置anconda教程的方法步骤
2019/11/11 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
Python内建序列通用操作6种实现方法
2020/03/26 Python
运行时异常与一般异常有何异同?
2014/01/05 面试题
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
广告学专业毕业生自荐信
2013/09/24 职场文书
三好学生自我鉴定
2013/12/17 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
国庆节演讲稿
2014/05/27 职场文书
政府法律服务方案
2014/06/14 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
生产现场禁烟通知
2015/04/23 职场文书
2015年个人招商工作总结
2015/04/25 职场文书
公司车辆维修管理制度
2015/08/05 职场文书
外科护士长工作总结
2015/08/12 职场文书
企业法人任命书
2015/09/21 职场文书
好段摘抄大全(48句)
2019/08/08 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python