小程序实现提示弹窗
⼩程序实现提⽰弹窗
这篇⽂章主要介绍了⼩程序常⽤的3种提⽰弹窗实现详解,⽂中通过⽰例代码介绍的⾮常详细,对⼤家的学习或者⼯作具有⼀定的参考学习价值,需要的朋友可以参考下。
1. 表⽰操作成功,⽂字上⽅会显⽰⼀个表⽰操作成功的图标。
wx.showToast({
title: '操作成功!', // 标题
icon: 'success',  // 图标类型,默认success
duration: 1500  // 提⽰窗停留时间,默认1500ms
})
2. 表⽰加载中,显⽰为加载中图标。
wx.showToast({
title: '加载中...',
icon: 'loading',
duration: 1500
})
3. 不显⽰图标,⼀般⽤作提⽰。
wx.showToast({
title: '该功能未上线!',
icon: 'none',
duration: 1500
})
以上3种弹窗均使⽤wx.showToast接⼝,调⽤后会根据设定的duration停留⼀定时间。
4. 此外,表⽰加载中的弹窗还可以使⽤wx.showLoading接⼝,但调⽤该接⼝时弹窗并不会⾃动消失,⽽是需要⼿动调⽤
wx.hideLoading接⼝使弹窗消失。
小红旗图标怎么弄
// 开始加载数据
wx.showLoading({
title: '加载中',
})
// 数据加载中... // 数据加载中... // 数据加载完成,隐藏弹窗wx.hideLoading()

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。