1.0.0 • Published 2 years ago

@dj-ui/dj-popup v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

安装

npm i @deji/dj-popup

使用

方式 1
<template>
	<dj-popup v-model="visible"></dj-popup>
</template>
<script>
	import djPopup from '@deji/dj-popup'
	export default {
		data() {
			return {
				visible: true,
			}
		},
		components:{
			djOverlay
		},
	}
</script>
方式2 (easyCom)
//pages.json
{
    "easycom": {
		"^dj-(.*)": "@deji/dj-$1/index.vue"
	},
}

Attributes

参数说明类型可选值默认值
custom开启自定义模式Booleantrue / falsefalse
maskClosable点击蒙层是否允许关闭Booleantrue / falsefalse
visible(v-model、sync)是否可见Booleantrue / falsefalse
duration动画过渡时长 (毫秒)Number, String-300
closable是否显示右上角关闭按钮(仅在mode=“bottom”有效)Booleantrue / falsefalse
zIndex显示层级Number, String-10000
mode模式(top 顶部弹出 ; bottom 底部弹出)Stringbottom topbottom
isRadius是否显示圆角Booleantrue / falsefalse
radius圆角大小(仅在isRadius时有效)单位:rpxNumber20

Events

事件名说明参数
open当弹层被打开时会触发该事件-
opened当弹层被打开时动画执行完毕会触发该事件
close当弹层被关闭时会触发该事件
closed当弹层被关闭时动画执行完毕会触发该事件

Slot

name说明
title自定义title,可能需要用到这个 slot
content自定义content,可能需要用到这个 slot