uniapp开发微信小程序弹窗自用封装

/*** 提示与加载工具类*/
export default class Tips {constructor() {this.isLoading = false;}/*** 弹出提示框*/static success(title, duration = 1000) {setTimeout(() => {uni.showToast({title: title,icon: "success",mask: true,duration: duration});}, 300);if (duration > 0) {return new Promise((resolve, reject) => {setTimeout(() => {resolve();}, duration);});}}/*** 弹出确认窗口*/static confirm(text,showCancel, payload = {}, title = "提示") {return new Promise((resolve, reject) => {uni.showModal({title: title,content: text,showCancel: showCancel,success: res => {if (res.confirm) {resolve(payload);} else if (res.cancel) {reject(payload);}},fail: res => {reject(payload);}});});}static confirmL(text,showCancel, payload = {}, title = "提示") {return new Promise((resolve, reject) => {uni.showModal({title: title,content: text,showCancel: showCancel,success: res => {if (res.confirm) {resolve(payload);getApp().Logins()} else if (res.cancel) {reject(payload);}},fail: res => {reject(payload);}});});}static toast(title, onHide, icon = "none") {setTimeout(() => {uni.showToast({title: title,icon: icon,mask: true,duration:1000});}, 300);// 隐藏结束回调if (onHide) {setTimeout(() => {// onHide();uni.hideToast()}, 800);}}/*** 警告框*/static alert(title) {uni.showToast({title: title,image: "../../static/alert.png",mask: true,duration: 1500});}/*** 错误框*/static error(title, onHide) {uni.showToast({title: title,image: "../../../static/error.png",mask: true,duration: 1500});// 隐藏结束回调if (onHide) {setTimeout(() => {uni.hideToast()// onHide();}, 800);}}/*** 弹出加载提示*/static loading(title = "加载中") {if (Tips.isLoading) {return;}Tips.isLoading = true;uni.showLoading({title: title,mask: true});}/*** 加载完毕*/static loaded() {if (Tips.isLoading) {Tips.isLoading = false;uni.hideLoading();}}
}/*** 静态变量，是否加载中*/
Tips.isLoading = false;

uniapp开发微信小程序弹窗自用封装相关推荐

uniapp开发微信小程序-7.用户填写表单信息
uniapp开发微信小程序-7.用户填写表单信息本章让用户通过表单更新自己的个人信息,也是本系列文章最后一篇入门分享,之后碰到新颖.常用的功能会继续分享给大家,如果大家有任何问题欢迎留言,我会尽快线 ...
uniapp开发微信小程序设置分包，简单易学（图解）
我们使用uniapp开发微信小程序的时候,当我们的包体积过大的时候,无法真机模拟因为小程序单个包只支持2MB,所以这时候我们要选择去分包. 有人要问了分包难吗?分包很简单.但是最重要的来了,分包这 ...
uni-app开发微信小程序使用微信小程序的插件
假如使用uni-app开发微信小程序需要用到官方插件----OCR插件, 插件地址如下: OCR插件申请方式见插件地址介绍.本文主要记录调用方式 1.在manifest.json的"mp- ...
Uni-app开发微信小程序使用本地图片做背景图
Uni-app开发微信小程序使用本地图片做背景图 <view class="content" :style="{backgroundImage:'url(' + i ...
uniapp开发微信小程序，从构建到上线
前言: 本文主要介绍 uniapp 的基础使用,以及使用 uniapp 在企业开发的过程中的一个详细流程,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考:使用 H ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...
uniapp开发微信小程序使用painter绘制海报
uniapp开发微信小程序使用painter绘制海报参考文章: 1.简书大佬文章https://www.jianshu.com/p/e9cab600cf6c 2.CSDN大佬文章https://bl ...
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享. 但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的 ...
uniapp开发微信小程序 wx.navigateBack()携带数据问题
uniapp开发微信小程序 wx.navigateBack()携带数据问题某个表单页面有时需要跳转另一个页面查询数据但如此想要保存当前页面数据需要在另一个查询页面调用 wx.navigateBa ...

uniapp开发微信小程序弹窗自用封装

uniapp开发微信小程序弹窗自用封装相关推荐

最新文章

热门文章