导航：首页 > 开发技术 >

小程序开发中如何实现显示模态弹窗

发表于：2025-01-23 作者：千家信息网编辑

千家信息网最后更新 2025年01月23日，这篇"小程序开发中如何实现显示模态弹窗"除了程序员外大部分人都不太理解，今天小编为了让大家更加理解"小程序开发中如何实现显示模态弹窗"，给大家总结了以下内容，具有一定借鉴价值，内容详细步骤清晰，细节处

千家信息网最后更新 2025年01月23日小程序开发中如何实现显示模态弹窗

这篇"小程序开发中如何实现显示模态弹窗"除了程序员外大部分人都不太理解，今天小编为了让大家更加理解"小程序开发中如何实现显示模态弹窗"，给大家总结了以下内容，具有一定借鉴价值，内容详细步骤清晰，细节处理妥当，希望大家通过这篇文章有所收获，下面让我们一起来看看具体内容吧。

显示模态弹窗

OBJECT参数说明：

参数	类型	必填	说明
title	String	是	提示的标题
content	String	是	提示的内容
showCancel	Boolean	否	是否显示取消按钮，默认为 true
cancelText	String	否	取消按钮的文字，默认为"取消"，最多 4 个字符
cancelColor	HexColor	否	取消按钮的文字颜色，默认为"#000000"
confirmText	String	否	确定按钮的文字，默认为"确定"，最多 4 个字符
confirmColor	HexColor	否	确定按钮的文字颜色，默认为"#3CC51F"
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

success返回参数说明：

参数	类型	说明	最低版本
confirm	Boolean	为 true 时，表示用户点击了确定按钮
cancel	Boolean	为 true 时，表示用户点击了取消（用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭）	1.1.0

示例代码：

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