微信小程序实现各类弹框、自定义弹框

wx.showModal

功能介绍:常用于显示需用户操作的信息框,用户可进行确认、取消或输入内容。

常用参数介绍:

title:提示的标题:
content:提示的内容:
showCancel:是否显示取消按钮
cancelText:取消按钮的文字
confirmText:确认按钮的文字
editable:是否显示输入框
placeholderText:显示输入框时的提示文本

通过res.confirm判断是否点击确认按钮,通过res.cancel判断是否点击取消按钮,可以自定义点击后的行为。

editable默认false,为true时可以在弹框输入内容,通过res.content可以获取用户输入内容。

    wx.showModal({
      title: '标题',
      content: '显示提示内容...',
      cancelText: '取消',
      confirmText: '确认',
    })
    .then(res=>{
      if(res.confirm){
        console.log('click confirm')
      }
      if(res.cancel){
        console.log('click cancel')
      }
    })
    .catch(res=>{
      console.log('error',res)
    })

你可能感兴趣的:(微信小程序,微信小程序,小程序,弹框)