wx.showModal怎么用

wx.showModal是一个小程序API，用于显示模态弹窗。以下是使用wx.showModal的示例代码：

wx.showModal({
  title: '提示', // 弹窗标题
  content: '这是一个模态弹窗', // 弹窗内容
  success (res) { // res.confirm为true表示用户点击了确定按钮，res.cancel为true表示用户点击了取消按钮
    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是小程序中用于显示模态对话框的API。它可以用于展示一些重要的提示信息或者确认用户的操作意图。使用表单时，可以在模态对话框中显示一些输入框，让用户填写相关信息。

下面是使用wx.showModal显示表单的步骤：
1. 调用wx.showModal方法，传入一个对象作为参数。
2. 在参数对象中设置title属性，用于设置模态对话框的标题。
3. 在参数对象中设置content属性，用于设置模态对话框的内容。
4. 在参数对象中设置showCancel属性，用于设置是否显示取消按钮。
5. 在参数对象中设置cancelText属性，用于设置取消按钮的文本。
6. 在参数对象中设置confirmText属性，用于设置确认按钮的文本。
7. 在参数对象中设置success回调函数，用于处理用户点击确认按钮后的逻辑。

以下是一个示例代码：

wx.showModal({
  title: '填写表单',
  content: '请输入您的姓名和手机号码',
  showCancel: true,
  cancelText: '取消',
  confirmText: '确定',
  success: function (res) {
    if (res.confirm) {
      // 用户点击了确认按钮
      // 获取用户输入的表单数据
      var name = res.data.name;
      var phoneNumber = res.data.phoneNumber;
      // 处理表单数据
      // ...
    } else if (res.cancel) {
      // 用户点击了取消按钮
      // 可以进行一些取消操作
      // ...
    }
  }
})