chb-dialog v0.1.6

chb-dialog

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Demo

	// props
	{
		visible:{type:Boolean,default:true},
		title:{type:String,default:'默认标题'},

		// 是否可拖拽
		drag:{type:Boolean,default:true},
		// 是否显示遮罩层
		mask:{type:Boolean,default:true},
		
		// 是否圆角
		radius:{type:Boolean,default:true},

		// dialog body 是否可滚动
		scroll:{type:Boolean,default:true},

		// 是否显示全屏按钮
		full:{type:Boolean,default:true},
		// 是否全屏状态
		isFull:{type:Boolean,default:undefined},

		// 是否显示最小化按钮
		mini:{type:Boolean,default:true},
		// 是否最小化状态
		isMini:{type:Boolean,default:undefined},

		// 最小化尺寸
		width:{type:String,default:'50vw'},
		height:{type:String,default:'50vh'},

		// 初始 zIndex 值
		initZIndex:{type:Number},

		// 属性事件 返回值决定是否关闭弹窗
		onClose:{type:Function},
		onDrag:{type:Function},
		// event
		close(){},
		onDrag(dragOpt){}

	}