小程序弹窗

发布时间:2024年01月07日

小程序弹窗的例子如下:

  1. 确认弹窗:
wx.showModal({
  title: '提示',
  content: '确定要删除该记录吗?',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定')
      // 执行删除操作
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

  1. 提示弹窗:
wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

  1. 加载中弹窗:
wx.showLoading({
  title: '加载中',
  mask: true
})

// 隐藏加载弹窗
setTimeout(function () {
  wx.hideLoading()
}, 2000)

  1. 自定义弹窗:
wx.showModal({
  title: '自定义弹窗',
  content: '这是一个自定义的弹窗示例',
  showCancel: false, // 不显示取消按钮
  confirmText: '知道了',
  confirmColor: '#3CC51F',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    }
  }
})

这些例子演示了不同类型的小程序弹窗,包括确认弹窗、提示弹窗、加载中弹窗和自定义弹窗。开发者可以根据自己的需求选择合适的弹窗类型,并根据具体情况自定义弹窗的内容和样式。

文章来源:https://blog.csdn.net/m0_71966801/article/details/135433818
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。