博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序自定义弹窗插件|showModel模态弹窗|Toast提示
阅读量:6594 次
发布时间:2019-06-24

本文共 847 字,大约阅读时间需要 2 分钟。

|微信小程序自定义弹窗插件|alert、model、toast多功能弹窗
有过微信小程序开发的程序员都知道,官方提供的弹窗交互组件功能非常有限,对于想要实现一些丰富的弹窗应用场景就只能自己撸代码实现了。

之前有开发过一个手机端h5弹窗插件wcPop,反正原生js代码语法都差不多,就试着搞了个微信小程序弹窗插件,功能效果肯定能满足大多数弹窗使用场景。

如果刚好您的项目开发中需要用到的话,希望对您们有些些的帮助!

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

/*** --------- 小程序弹窗演示函数.Start ---------*///msg提示btnTap01: function(e) {wcPop({  anim: 'fadeIn',  content: '这里是msg提示框测试(5s后窗口关闭)',  shade: true,  shadeClose: false,  time: 5});},//msg提示(黑色背景)btnTap02: function(e) {wcPop({  content: '这里是msg提示框测试(2s后窗口关闭)',  shade: false,  style: 'background: rgba(17,17,17,.7); color: #fff;',  time: 2});},//信息框btnTap03: function(e) {var index = wcPop({  content: '信息框 (这里演示信息框功能效果,这里演示信息框功能效果,这里演示信息框功能效果)',  shadeClose: true,  anim: 'rollIn',  xclose: true,  btns: [    {      text: '知道了',      style: 'color: #999',      onTap() {        wcPop.close(index);        console.log("知道了");      }    }  ]});},

转载地址:http://dmcio.baihongyu.com/

你可能感兴趣的文章
nd2odb启动失败
查看>>
python-selenum3 第二天启动浏览器
查看>>
linux基础概念和个人笔记总结(5)
查看>>
python requests自定义方法
查看>>
我的友情链接
查看>>
有关在linux 下跑asp.net文章博客
查看>>
vue填坑之引入iconfont字体图标
查看>>
C# DES
查看>>
Linux/Unix的精巧约定两例及其简析:目录权限和文本行数
查看>>
查看nginx/apache/php/mysql编译参数
查看>>
怎样将lib设为源文件夹
查看>>
第八周作业
查看>>
Apache Spark源码走读之8 -- Spark on Yarn
查看>>
ABP官方文档翻译 3.6 工作单元
查看>>
战力10
查看>>
最大流算法思想和理论的简单理解
查看>>
数据库--MyBatis的(insert,update,delete)三种批量操作
查看>>
谈谈Vue.js——vue-resource全攻略
查看>>
源路由 就是指定数据传输经过这个路由服务器
查看>>
关于计算一对亲和数的探索
查看>>