小程序wx.showToast 弹框
时间: 2023-10-20 08:35:01 浏览: 106
小程序中的wx.showToast是一个用于显示提示框的方法。它有三个参数可供使用:title、icon和duration。其中,title表示提示框的文字内容,icon表示图标样式,duration表示提示框的显示时长。
- 当参数icon为'success'时,提示框显示为成功的样式。
- 当参数icon为'loading'时,提示框显示为加载的样式。
示例代码如下:
```
wx.showToast({
title: '成功',
icon: 'success',
duration: 1000
})
```
除了wx.showToast方法,还有其他类似的方法可以使用,比如wx.showModal,它可以显示一个带有确定和取消按钮的模态对话框。可以通过修改默认文字颜色来定制对话框的样式。注意,文字颜色必须是16进制格式的颜色字符串,否则在iOS设备上按钮可能显示为空白。
示例代码如下:
```
wx.showModal({
title: '温馨提示!',
content: '确定要删除该商品吗?',
showCancel: true,
cancelText: "不删除",
cancelColor: '#000000',
confirmText: "删除",
confirmColor: '#576B95',
success: function (res) {
if (res.confirm) {
// 点击确定执行的事件
} else if (res.cancel) {
// 执行取消事件
}
},
fail: function (res) {
// 接口调用失败的回调函数
},
complete: function (res) {
// 接口调用结束的回调函数(调用成功、失败都会执行)
})
```
通过使用这些方法,你可以在小程序中轻松地显示弹框,并根据需要进行样式的定制。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文