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

news/2024/7/10 3:02:09 标签: vue, javascript, 前端, js, 微信开发

实际应用项目:http://github.crmeb.net/u/long

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

javascript">wx.showToast({

  title: '操作成功!', // 标题

  icon: 'success',  // 图标类型,默认success

  duration: 1500  // 提示窗停留时间,默认1500ms

})


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

javascript">wx.showToast({

  title: '加载中...',

  icon: 'loading',

  duration: 1500

})

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

javascript">wx.showToast({

  title: '该功能未上线!',

  icon: 'none',

  duration: 1500

})

此外,表示加载中的弹窗还可以使用wx.showLoading接口,但调用该接口时弹窗并不会自动消失,而是需要手动调用wx.hideLoading接口使弹窗消失。以上3种弹窗均使用wx.showToast接口,调用后会根据设定的duration停留一定时间。

javascript">// 开始加载数据

wx.showLoading({

 title: '加载中',

})

// 数据加载中... // 数据加载中...

// 数据加载完成,隐藏弹窗

wx.hideLoading()

 


http://www.niftyadmin.cn/n/908724.html

相关文章

[MySQL] 按日期进行统计(前一天、本周、某一天)

在mysql数据库中,常常会遇到统计当天的内容。例如,在user表中,日期字段为:log_time统计当天 sql语句为: select * from user where date(log_time) curdate(); curdate()表示当天日期统计前一天 如果表示前一天的数…

Windows下nginx服务器搭建配置在windows服务器上安装nginx

实际应用项目:http://github.crmeb.net/u/long 系统环境:Windows Server 2012R2 一、安装nginx (http://nginx.org/download/nginx-1.10.0.zip) 下载windos版本的nginx,然后解压到服务器上,我的解压地址C:\Program Files\Nginx 二、将Nginx…

ElasticSearch1.7.1 安装

--测试环境----centos 6.5 ----Linux version 2.6.32-431.el6.x86_64 (mockbuildc6b8.bsys.dev.centos.org) ----(gcc version 4.4.7 20120313 (Red Hat 4.4.7-4) (GCC) ) #1 SMP Fri Nov 22 03:15:09 UTC 2013--特殊说明:如不是在http://pan.baidu.com/s/1nvnQTU5 …

关于CORS跨域问题的理解跨域问题分析与解决

实际应用项目:http://github.crmeb.net/u/long CORS简介 浏览器默认的安全限制为同源策略,即JavaScript或Cookie只能访问同源(相同协议,相同域名,相同端口)下的内容。但由于跨域访问资源需要,出…

同步、异步、阻塞、非阻塞 都是什么意思?

实际应用项目:http://github.crmeb.net/u/long 一.介绍 阻塞和非阻塞指的是执行一个操作是等操作结束再返回,还是马上返回。同步和异步又是另外一个概念,它是事件本身的一个属性。 二.例子 去书店借一本书,同步就是我要亲自到书…

Codeforces 712E Memory and Casinos

Description There are n casinos lined in a row. If Memory plays at casino \(i\), he has probability \(p_{i}\) to win and move to the casino on the right \((i  1)\) or exit the row (if \(i  n\)), and a probability \(1 - p_{i}\) to lose and move to the…

CSS单行、多行文本溢出显示省略号多行文本溢出显示省略号

实际应用项目:http://github.crmeb.net/u/long 单行文本溢出显示省略号 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; (需要对容器设置单行高度) 多行文本溢出显示省略号 webkit浏览器或移动端的页面 在webkit浏览器或…

Html语义化理解

1、什么是HTML语义化&#xff1f; <基本上都是围绕着几个主要的标签&#xff0c;像标题&#xff08;H1~H6&#xff09;、列表&#xff08;li&#xff09;、强调&#xff08;strong em&#xff09;等等> 根据内容的结构化&#xff08;内容语义化&#xff09;&#xff0c;选…