带确认提示框
wx.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) { //这里是点击了确定以后
console.log('用户点击确定')
} else { //这里是点击了取消以后
console.log('用户点击取消')
}
}
})
只有确认按键,没有取消
wx.showModal({
title: '提示',
content: '购买成功',
showCancel: false,
})
直接弹框
wx.showToast({
title: '成功提示!',
icon: 'success',
duration: 2000 //持续的时间
})
请稍后
wx.showToast({
title: '等待中...',
icon: 'loading',
duration: 2000//持续的时间
})
无图片
wx.showToast({
title: '您好,加油~',
icon: 'none',
duration: 2000//持续的时间
})
弹框选择
wx.showActionSheet({
itemList: ['A', 'B', 'C'],
success: function (res) {
if (!res.cancel) {
console.log(res.tapIndex) //这里是点击了那个按钮的下标
}
}
})
弹框带输入框内容
Page({
//拒绝
close(e) {
wx.showModal({
editable:true,//显示输入框
placeholderText:'输入拒绝原因',//显示输入框提示信息
success: res => {
if (res.confirm) { //点击了确认
console.log(res.content)//用户输入的值
} else {
console.log('用户点击了取消')
}
}
})
},
})
请求加载中
// 显示加载动画
wx.showLoading({
title: '加载中',
})
// 进行网络请求
wx.request({
url: 'https://example.com/api/data', // 你的API地址
success: (res) => {
// 请求成功处理
console.log(res.data);
},
fail: (err) => {
// 请求失败处理
console.error(err);
},
complete: () => {
// 请求完成,关闭加载动画
wx.hideLoading();
}
})
提示框倒计时3秒后执行
wx.showToast({
title: '设置成功!',
icon: 'success',
duration: 3000,
success: function () {
//弹窗后执行,可以省略
setTimeout(function () {
wx.showModal({
title: '温馨提醒',
content: '是否启动设备?',
success: function (res) {
if (res.confirm) {
wx.navigateTo({
url: '/pages/startDevice/startDevice',
})
} else {}
}
})
}, 3000);
}
})