效果演示

1.Loading加载界面

2.提示框

代码实现

1.Loading加载界面----方法1

应用场景：显示loading -> 你要做的事 -> 隐藏loading，缓解用户焦虑

//显示加载界面
wx.showLoading({  // 显示加载中loading效果 title: "加载中",mask: true  //开启蒙版遮罩});//你要做的事...//隐藏加载界面
wx.hideLoading();

2.Loading加载界面----方法2

应用场景：单纯显示loading界面，自定义延时时间，比较鸡肋

//显示加载界面
wx.showToast({  // 显示加载中loading效果2秒title: '加载中',icon: 'loading',duration: 2000    //提示的延迟时间});

3.提示框

/* icon可接受的值
success    ---显示成功图标
error      ---显示失败图标
loading    ---显示加载图标
none       ---不显示图标
*/
wx.showToast({title: '提交成功',icon: 'success',duration: 2000    //提示的延迟时间});wx.showToast({title: '提交失败',icon: 'error',duration: 2000    //提示的延迟时间});

赠品

按钮样式喜欢的可以搬走！

微信小程序Loading加载+提示框（微信小程序）相关推荐

微信小程序web-view加载网页字体非常小的问题
一.问题如下图所示,微信小程序web-view加载网页的字体非常小: 二.问题解决,在网页中加上 <meta name=viewport content="width=device-w ...
微信小程序loading加载动画
1.实现效果 2.实现原理伪元素 animation 3.实现代码 <view class="box"><view class="charge&quo ...
初级前端小程序项目加载速度优化
这份文字是根据近期团队做来问丁香医生 SPA 和丁香医生小程序加载速度优化的经历整理而成. 效果古人有一句话叫做:治感冒看疗效.既然是关于速度优化的,我们就先来看一下优化的效果. 来问丁香医生 ...
微信小程序自定义loading加载动画（2）
1.实现效果 2.实现原理 animation 3.实现代码 <view class="loading-row"><view class="loadin ...
微信小程序自动解决分包大小问题_微信小程序分包加载设置
设置分包加载微信小程序分包限制为: 主包或者单个分包最大为2M 整体小程序所有包最大为8M 为什么需要设置分包? 小程序项目中,有多种角色(公共页面很少),设置分包加载方便管理整个小程序压缩后代码 ...
微信小程序分页加载列表
微信小程序分页加载列表: 项目开发时很多页面都需要用到分页加载列表,为了方便,自己封装了分页加载列表组件,下拉刷新列表,滑动至底部,加载更多组件界面: 可以扫码查看是否符合自己的需求 wxml: & ...
微信小程序分包加载，分包加载的优势
微信小程序分包加载: 有时候我们的小程序太大,首次打开小程序的时候会比较慢,可以进行分包处理,按照功能的划分,拆分成几个分包,让用户在操作小程序的时候按需下载资源(用户在进入某些页面的时候才去下载相应 ...
微信小程序，Eror代码包大小为12497kb,上限为 2048 kb,请删除文件后重试？微信小程序分包加载
微信小程序如何解决预览超过2M的问题?微信小程序分包加载在微信小程序开发过程中有个问题让人很头疼,就是预览的项目不能超过2M,我们的项目通常都会超过这个大小限制.那到底怎么解决呢?其实官方给出了解决 ...
微信小程序列表加载动画示例
微信小程序列表加载动画微信小程序列表加载动画示例实现思路什么是动画? 导航栏设置列表动画加载完整代码demo 微信小程序列表加载动画示例初学微信小程序开发,记录一下.网上找了很久这种效果, ...

微信小程序Loading加载+提示框（微信小程序）

效果演示

1.Loading加载界面

2.提示框

代码实现

1.Loading加载界面----方法1

2.Loading加载界面----方法2

3.提示框

赠品

微信小程序Loading加载+提示框（微信小程序）相关推荐

最新文章

热门文章