大学生新闻网,大学生新闻发布平台
大学生新闻网
大学生新闻大学生活校园文学大学生村官
社会实践活动社会实践经历社会实践报告社会实践总结社会实践心得
全国排名校友会版软科排名分类排名本科排名一本排名二本排名专科排名学校地址
求职简历职场法则面试技巧职场故事求职招聘大学生就业
英语学习计算机学习电气工程机械工程经济管理建筑设计财务会计
申请书证明书检讨书自荐信演讲稿心得体会调查报告读后感求职信推荐信其它范文

小程序显示模态对话框

wx.showModal(Object object)
显示模态对话框

参数
Object object
属性    类型    默认值    必填    说明    最低版本
title    string        否    提示的标题    
content    string        否    提示的内容    
showCancel    boolean    true    否    是否显示取消按钮    
cancelText    string    取消    否    取消按钮的文字,最多 4 个字符    
cancelColor    string    #000000    否    取消按钮的文字颜色,必须是 16 进制格式的颜色字符串    
confirmText    string    确定    否    确认按钮的文字,最多 4 个字符    
confirmColor    string    #576B95    否    确认按钮的文字颜色,必须是 16 进制格式的颜色字符串    
editable    boolean    false    否    是否显示输入框    2.17.1
placeholderText    string        否    显示输入框时的提示文本    2.17.1
success    function        否    接口调用成功的回调函数    
fail    function        否    接口调用失败的回调函数    
complete    function        否    接口调用结束的回调函数(调用成功、失败都会执行)    
object.success 回调函数
参数
Object res
属性    类型    说明    最低版本
content    string    editable 为 true 时,用户输入的文本    
confirm    boolean    为 true 时,表示用户点击了确定按钮    
cancel    boolean    为 true 时,表示用户点击了取消(用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭)    1.1.0
示例代码

wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})
注意
Android 6.7.2 以下版本,点击取消或蒙层时,回调 fail, errMsg 为 "fail cancel";
Android 6.7.2 及以上版本 和 iOS 点击蒙层不会关闭模态弹窗,所以尽量避免使用「取消」分支中实现业务逻辑
自基础库 2.17.1 版本起,支持传入 editable 参数,显示带输入框的弹窗
    作者:大学生新闻网    来源:大学生新闻网
    发布时间:2025-04-03    阅读:
    扫一扫 分享悦读