sxw-dialog

安装

npm install sxw-dialog --save

// 消息提示用法
import 'sxw-dialog';

this.$dialog.message(options);

// 对话框用法
import Dialog from 'sxw-dialog/dialog';
<dialog :visible.sync="visible" title="地址">
    <div>对话框内容</div>
</dialog>

message options

参数               参数名             类型          默认值
width              宽度               Number       120
text               内容               String       消息
duration           持续时间           Number       1000

dialog options

参数               参数名             类型          默认值
visible            是否显示           Boolean       false
mainWidth          主区域宽度         Number         700 
title              标题               String        消息
isValidator        确认前验证         Function       return true
confirmText        确认按钮文字        String        确认
cancelText         取消按钮文字        String        取消
isShowConfirm      是否显示确认按钮    Boolean       true
isShowCancel       是否显示取消按钮    Boolean       true
buttonHeight       按钮高度           Number        22
hideClose          隐藏x按钮          Boolean       false
hideTitle          隐藏标题           Boolean       false
position           主内容定位方式      String        fixed    

events

事件名              说明          回调参数
confirm            确认           --