创新互联小程序教程：微信小程序 WeUI·弹窗组件

Dialog

Dialog弹窗组件。

在安顺等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供做网站、成都网站建设网站设计制作按需策划设计,公司网站建设,企业网站建设,品牌网站设计,营销型网站,外贸网站建设,安顺网站建设费用合理。

示例代码：

{
  "usingComponents": {
    "mp-dialog": "../components/dialog/dialog"
  }
}


    
        Dialog
        对话框
    
    
        
            
            
        
    
    
        test content
    
    
        test content1

Page({
    data: {
        dialogShow: false,
        showOneButtonDialog: false,
        buttons: [{text: '取消'}, {text: '确定'}],
        oneButton: [{text: '确定'}],
    },
    openConfirm: function () {
        this.setData({
            dialogShow: true
        })
    },
    tapDialogButton(e) {
        this.setData({
            dialogShow: false,
            showOneButtonDialog: false
        })
    },
    tapOneDialogButton(e) {
        this.setData({
            showOneButtonDialog: true
        })
    }
});

属性列表

属性	类型	默认值	必填	说明
ext-class	string		否	添加在组件内部结构的class，可用于修改组件内部的样式
title	string		否	弹窗的标题
buttons	array	[]	否	底部的按钮组，建议最多提供两个按钮
mask	boolean		是	是否显示蒙层
mask-closable	boolean		是	点击蒙层是否可以关闭
show	boolean	false	否	是否显示弹窗
bindclose	eventhandler		否	弹窗关闭的时候触发的事件
bindbuttontap	eventhandler		否	buttons按钮组点击时触发的事件，detail为{index, item}，item是按钮的配置项

buttons提供按钮组配置，每一项表示一个按钮，每一项的属性为

属性	类型	默认值	必填	说明
extClass	string		否	按钮的额外的class，可用于修改组件内部的样式
text	string		否	按钮的文本

Slot

弹窗组件只有一个默认slot用于显示弹窗的内容

网站名称：创新互联小程序教程：微信小程序 WeUI·弹窗组件
网站网址：http://www.shufengxianlan.com/qtweb/news43/512443.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容

创新互联小程序教程：微信小程序 WeUI·弹窗组件

Dialog

示例代码：

Dialog 对话框 确认取消按钮 只有确认按钮 test content test content1

属性列表

Slot

`Dialog 对话框 test content test content1`