tingle-dialog

对话框

Simple Usage

Dialog.alert({
	title: '测试',
	children: '我是测试我是测试我是测试我是测试我是测试',
	onConfirm() {
    	console.log('alert confirm');
	}
});

Dialog.confirm({
	title: '测试',
	children: '我是测试内容我是测试内容我是测试内容我是测试内容我是测试内容我是测试内容我是',
	onConfirm() {
	    console.log('confirm confirm');
	},
	onCancel() {
	    console.log('confirm cancel');
	}
});

可用配置

| 配置项 | 类型 | 必填 | 默认值 | 功能/备注 | |---|---|----|---|----| |show| boolean | required|false|是否显示对话框| |title| string | required|-|对话框的标题| |children| string |optional|-|对话框的内容| |mask| boolean | optional |true|是否显示遮罩层| |buttons| array | optional |一个确定按钮|一个数组，可以配置多个对话框上的按钮，具体的配置参考按钮的配置|

按钮的配置

| 配置项 | 类型 | 必填 | 默认值 | 功能/备注 | |---|---|----|---|----| |children| string | required |-|按钮的内容| |callback| function |optional |-|点击按钮的回调, 返回false就不会自动关闭对话框| |primary| boolean | optional |false|是否作为主按钮|

API接口

Dialog.alert(options)

静态方法，显示全局的 Dialog，可用参数请参考可用配置，其中回调函数是onConfirm。

Dialog.confirm()

静态方法，显示全局的 Dialog，可用参数请参考可用配置，其中回调函数是onConfirm和onCancel。

Dialog.hide()

静态方法，关闭全局的Dialog

###show 实例方法，显示一个对话框

###hide

实例方法，关闭一个对话框

Links 相关链接

• Fire a bug/Issues 提Bug