Skip to content

tinglejs/tingle-dialog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

tingle-dialog npm version

对话框

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 相关链接