博客
关于我
小程序(十三)小程序弹窗wx.showToast及wx.showModal
阅读量:387 次
发布时间:2019-03-05

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

我这版的小程序中,没有使用到确定取消那样的弹窗,基本上用到的就是,加载中,成功或者失败那种消息提示类的弹窗。

微信本身给我们提供了一个这样的弹窗wx.showToast(Object object),挺好用的,我也没有再去折腾第三方组件的消息提醒弹窗。

Object object

在这里插入图片描述
在这里插入图片描述
这些事官方给出的参数。

注意,icon设置为none的时候,就是没有图标纯文字的状态,这个就很好了。

这个玩意既能有图标,又能没有图标,百变小能手啊。

注意一下,自定义显示图标不能是动图,他这是只加载图片的第一帧,所以,动图是没有那种效果的,当然,这个弹窗比较简单,对样式要求不高的同学可以尝试一下:

示例代码:

wx.showToast({         title:'加载中……',      icon: 'loading',//图标,支持"success"、"loading"       // image: '/images/load.gif',      duration: 1500,//提示的延迟时间,单位毫秒,默认:1500       mask: true,//是否显示透明蒙层,防止触摸穿透,默认:false     });

wx.showModal:

delete(){    wx.showModal({     title: '',  content: '是否确认删除',  success(res) {      if (res.confirm) {       console.log('用户点击确定')   } else if (res.cancel) {       console.log('用户点击取消')   }  } })}

效果如下:

在这里插入图片描述
有好的建议去,请在下方输入你的评论。
欢迎访问我的小程序:
在这里插入图片描述

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

你可能感兴趣的文章
Mysql学习总结(75)——并发量大、数据量大的互联网业务数据库设计军规
查看>>
Mysql学习总结(76)——MySQL执行计划(explain)结果含义总结
查看>>
Mysql学习总结(77)——温故Mysql数据库开发核心原则与规范
查看>>
Mysql学习总结(78)——MySQL各版本差异整理
查看>>
Mysql学习总结(79)——MySQL常用函数总结
查看>>
Mysql学习总结(7)——MySql索引原理与使用大全
查看>>
Mysql学习总结(80)——统计数据库的总记录数和库中各个表的数据量
查看>>
Mysql学习总结(81)——为什么MySQL不推荐使用uuid或者雪花id作为主键?
查看>>
Mysql学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
查看>>
Mysql学习总结(83)——常用的几种分布式锁:ZK分布式锁、Redis分布式锁、数据库分布式锁、基于JDK的分布式锁方案对比总结
查看>>
Mysql学习总结(84)—— Mysql的主从复制延迟问题总结
查看>>
Mysql学习总结(85)——开发人员最应该明白的数据库设计原则
查看>>
Mysql学习总结(8)——MySql基本查询、连接查询、子查询、正则表达查询讲解
查看>>
Mysql学习总结(9)——MySql视图原理讲解与使用大全
查看>>
Mysql学习笔记 - 在Centos7环境下离线安装Mysql
查看>>
MySQL学习笔记十七:复制特性
查看>>
Mysql学习第一课-mysql的定义及sql语句
查看>>
mysql学号的字符长度_MYSQL--2
查看>>
mysql安全模式: sql_safe_updates
查看>>
mysql安装,卸载,连接
查看>>