wx.showModal点击后提示框

当用户点击 wx.showModal 弹出的提示框中的确定或取消按钮时，会触发 success 回调函数。在该回调函数中，可以根据用户的选择执行相应的操作。下面是一个示例代码：

wx.showModal({
  cancelColor: '#0000FF',
  confirmColor: '#45B250',
  content: `您确定要放弃比赛去洗澡吗?`,
  success: (res) => {
    if (res.confirm) {
      console.log('用户点击了确定按钮')
      // 在这里执行用户点击确定按钮后的操作
    } else if (res.cancel) {
      console.log('用户点击了取消按钮')
      // 在这里执行用户点击取消按钮后的操作
    }
  }
})

在上面的代码中，当用户点击确定按钮时，会在控制台输出“用户点击了确定按钮”，并执行相应的操作；当用户点击取消按钮时，会在控制台输出“用户点击了取消按钮”，并执行相应的操作。

相关问题

wx.showModal和wx.showtoast

wx.showModal和wx.showToast都是小程序中常用的提示框组件，用于向用户展示一些信息或者获取用户的确认。其中，wx.showModal用于展示一个模态弹窗，需要用户进行确认或取消操作，而wx.showToast则是展示一个轻量级的提示框，只需要展示一些信息即可。

以下是wx.showModal和wx.showToast的使用方法和示例代码：

1. wx.showModal

wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success (res) {
    if (res.confirm) {
      console.log('用户点击了确定')
    } else if (res.cancel) {
      console.log('用户点击了取消')
    }
  }
})

2. wx.showToast

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

其中，wx.showModal的参数包括title（弹窗标题）、content（弹窗内容）、success（弹窗操作成功的回调函数），而wx.showToast的参数包括title（提示框内容）、icon（提示框图标）、duration（提示框展示时间）。

wx.showModal

wx.showModal是一个微信小程序中用来显示模态弹窗的方法。模态弹窗是一种可以阻止用户操作页面的弹窗，通常用于显示重要的提示或确认信息。通过使用wx.showModal方法，我们可以在弹窗中设置标题、内容和按钮，并通过回调函数获取用户的点击操作。

在示例代码中，我们可以看到wx.showModal方法的具体用法。通过传入一个对象作为参数，我们可以设置弹窗的标题（title）、内容（content）以及用户点击按钮后的回调函数（success）。在回调函数中，可以通过判断res.confirm的值来获取用户是否点击了确定按钮，通过res.cancel的值来获取用户是否点击了取消按钮。

然而，有时候wx.showModal的自定义性可能无法满足我们的需求。比如当用户点击了蒙层而不是取消按钮时，弹窗依然会执行取消事件。为了解决这个问题，我们可以考虑使用其他方法或技巧来实现自定义的模态弹窗效果。

一个常见的替代方法是使用wx.showToast方法来显示提示信息。通过设置参数，我们可以自定义提示框的标题、图标和持续时间。这种方法不会阻止用户操作页面，但是可以提供简单的提示信息。