微信小程序常用的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 相关文章推荐
Javascript 构造函数 实例分析
Nov 26 Javascript
JSON JQUERY模板实现说明
Jul 03 Javascript
Jquery 获取checkbox的checked问题
Nov 16 Javascript
js 验证密码强弱的小例子
Mar 21 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
超精准的javascript验证身份证号的具体实现方法
Nov 18 Javascript
解决JavaScript数字精度丢失问题的方法
Dec 03 Javascript
js实现九宫格拼图小游戏
Feb 13 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
layui清空,重置表单数据的实例
Sep 12 Javascript
vue 验证两次输入的密码是否一致的方法示例
Sep 29 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
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
通过Email发送PHP错误的方法
2015/07/20 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
jQuery 获取对象 定位子对象
2010/05/31 Javascript
javascript 延迟加载技术(lazyload)简单实现
2011/01/17 Javascript
jquery.messager.js插件导致页面抖动的解决方法
2013/07/14 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
学习使用Bootstrap页面排版样式
2017/05/11 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
2018/03/28 jQuery
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
[48:24]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第一场 12.09
2020/12/12 DOTA
在Python中处理字符串之isdecimal()方法的使用
2015/05/20 Python
python实现简易云音乐播放器
2018/01/04 Python
Python通过调用mysql存储过程实现更新数据功能示例
2018/04/03 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
django2笔记之路由path语法的实现
2019/07/17 Python
使用IDLE的Python shell窗口实例详解
2019/11/19 Python
如何基于python对接钉钉并获取access_token
2020/04/21 Python
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
工程师岗位职责规定
2014/02/26 职场文书
学生安全责任书
2014/04/15 职场文书
党委班子对照检查材料
2014/08/19 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
商业门面租房协议书
2014/11/25 职场文书
人与自然观后感
2015/06/16 职场文书
商场广播稿范文
2015/08/19 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书