微信小程序之几种常见的弹框提示信息实现详解

微信(小程序)  /  管理员 发布于 3年前   391

一、模态窗口

 delete(){  wx.showModal({   title: '',   content: '是否确认删除',   success(res) {    if (res.confirm) {     console.log('用户点击确定')    } else if (res.cancel) {     console.log('用户点击取消')    }   }  }) }

二、提示你想提示的信息

提示你想提示的信息

wx.showToast({ title: '成功', icon: 'success', duration: 2000})

注意

• wx.showLoading 和 wx.showToast 同时只能显示一个
• wx.showToast 应与 wx.hideToast 配对使用

三、显示 loading 提示框

wx.showLoading({ title: '加载中',})setTimeout(function () { wx.hideLoading()}, 2000)

四、 wx.showActionSheet(OBJECT)

wx.showActionSheet({ itemList: ['A', 'B', 'C'], success: function(res) {  console.log(res.tapIndex) }, fail: function(res) {  console.log(res.errMsg) }})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 微信小程序实现复选框效果
• 微信小程序实现下拉框功能
• 小程序实现搜索框功能
• 微信小程序select下拉框实现效果
• 微信小程序实现多选框全选与取消全选功能示例
• 使用微信小程序开发弹出框应用实例详解
• 微信小程序自定义底部弹出框
• 微信小程序 自定义复选框实现代码实例