1. 首页
  2. 文档
  3. WeUI.js文档
  4. 对话框(dialog)

对话框(dialog)

弹窗,alert和confirm的父类

dialog([options])

Kind: global function

Param Type Default Description
[options] object 配置项
[options.title] string 弹窗的标题
[options.content] string 弹窗的内容
[options.className] string 弹窗的自定义类名
[options.buttons] array 按钮配置项
[options.buttons[].label] string "确定" 按钮的文字
[options.buttons[].type] string "primary" 按钮的类型 [primary, default]
[options.buttons[].onClick] function $.noop 按钮的回调

Example

weui.dialog({
    title: 'dialog标题',
    content: 'dialog内容',
    className: 'custom-classname',
    buttons: [{
        label: '取消',
        type: 'default',
        onClick: function () { alert('取消') }
    }, {
        label: '确定',
        type: 'primary',
        onClick: function () { alert('确定') }
    }]
});

// 主动关闭
var $dialog = weui.dialog({...});
$dialog.hide(function(){
     console.log('`dialog` has been hidden');
});


发表评论

电子邮件地址不会被公开。 必填项已用*标注