微信小程序常用的3种提示弹窗实现详解


Posted in Javascript onSeptember 19, 2019

1. 表示操作成功,文字上方会显示一个表示操作成功的图标。

微信小程序常用的3种提示弹窗实现详解

wx.showToast({
  title: '操作成功!', // 标题
  icon: 'success',  // 图标类型,默认success
  duration: 1500  // 提示窗停留时间,默认1500ms
})

2.表示加载中,显示为加载中图标。

微信小程序常用的3种提示弹窗实现详解

wx.showToast({
  title: '加载中...',
  icon: 'loading',
  duration: 1500
})

3.不显示图标,一般用作提示。

微信小程序常用的3种提示弹窗实现详解

wx.showToast({
  title: '该功能未上线!',
  icon: 'none',
  duration: 1500
})

以上3种弹窗均使用wx.showToast接口,调用后会根据设定的duration停留一定时间。

此外,表示加载中的弹窗还可以使用wx.showLoading接口,但调用该接口时弹窗并不会自动消失,而是需要手动调用wx.hideLoading接口使弹窗消失。

// 开始加载数据
wx.showLoading({
 title: '加载中',
})
// 数据加载中... // 数据加载中...
// 数据加载完成,隐藏弹窗
wx.hideLoading()

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery为iframe的body添加click事件的实现代码
Apr 07 Javascript
为JavaScript类型增加方法的实现代码(增加功能)
Dec 29 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
Js获取数组最大和最小值示例代码
Oct 29 Javascript
js使用for循环查询数组中是否存在某个值
Aug 12 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
Mar 06 Javascript
webpack proxy 使用(代理的使用)
Jan 10 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
vue实现简易音乐播放器
Aug 14 Vue.js
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 #Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 #Javascript
node 标准输入流和输出流代码实例
Sep 19 #Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
Sep 19 #Javascript
微信小程序3D轮播实现代码
Sep 19 #Javascript
layui 实现表格某一列显示图标
Sep 19 #Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 #Javascript
You might like
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
php开发工具有哪五款
2015/11/09 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
php倒计时出现-0情况的解决方法
2016/07/28 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
图标线性回归斜着移动到指定的位置
2013/08/16 Javascript
JavaScript实现简单的时钟实例代码
2013/11/23 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
nodejs接入阿里大鱼短信验证码的方法
2017/07/10 NodeJs
详解webpack多页面配置记录
2018/01/22 Javascript
浅谈vue-cli 3.0.x 初体验
2018/04/11 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
[39:19]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第二场 11.26
2020/11/30 DOTA
Python脚本实现代码行数统计代码分享
2015/03/10 Python
怎样使用Python脚本日志功能
2016/08/14 Python
Python3中的列表生成式、生成器与迭代器实例详解
2018/06/11 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
美国温暖商店:The Warming Store
2018/12/15 全球购物
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
工作自荐信
2013/12/11 职场文书
幼儿园教师奖惩制度
2014/02/01 职场文书
节水口号标语
2014/06/19 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
新教师个人工作总结
2015/02/06 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
趣味运动会简讯
2015/07/20 职场文书
详解Redis集群搭建的三种方式
2021/05/31 Redis