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

最新推荐文章于 2024-08-15 23:03:45 发布

暮　色

最新推荐文章于 2024-08-15 23:03:45 发布

阅读量1.1w

点赞数

分类专栏：前端小程序文章标签：前端小程序

本文链接：https://blog.csdn.net/infotw/article/details/95480613

版权

前端同时被 2 个专栏收录

67 篇文章 3 订阅

订阅专栏

小程序

3 篇文章 1 订阅

订阅专栏

一、模态窗口

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

推荐一下我自己的前端学习群562862926，里面有大神总结的一套前端教学视频，欢迎有兴趣的朋友进群一起学习

二、提示你想提示的信息
提示你想提示的信息

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

注意

wx.showLoading 和 wx.showToast 同时只能显示一个

wx.showToast 应与 wx.hideToast 配对使用

三、显示 loading 提示框

wx.showLoading
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)
  }
})