博客
关于我
小程序(十三)小程序弹窗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从入门到精通
查看>>
MYSQL从入门到精通(一)
查看>>
MYSQL从入门到精通(二)
查看>>
mysql以下日期函数正确的_mysql 日期函数
查看>>
mysql以服务方式运行
查看>>
mysql优化--索引原理
查看>>
MySQL优化之BTree索引使用规则
查看>>
MySQL优化之推荐使用规范
查看>>
Webpack Critical CSS 提取与内联教程
查看>>
mysql优化概述(范式.索引.定位慢查询)
查看>>
MySQL优化的一些需要注意的地方
查看>>
mysql优化相关
查看>>
MySql优化系列-优化版造数据(存储过程+函数+修改存储引擎)-2
查看>>
MySql优化系列-进阶版造数据(load data statment)-3
查看>>
MySql优化系列-造数据(存储过程+函数)-1
查看>>
MySQL优化配置详解
查看>>
Mysql优化高级篇(全)
查看>>
mysql会员求积分_MySql-统计所有会员的最高前10次的积分和
查看>>
mysql会对联合索性排序优化_MySQL索引优化实战
查看>>
MySQL作为服务端的配置过程与实际案例
查看>>