1.0.1 • Published 2 years ago

@dj-ui/dj-overlay v1.0.1

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

安装

npm i @deji/dj-overlay

使用

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

Attributes

参数说明类型可选值默认值
visible(v-model、sync)是否可见Booleantrue / falsefalse
duration动画过渡时长 (毫秒)Number, String-300
zIndex显示层级Number, String-10000
opacity透明度Number0-10.45

Events

事件名说明参数
click当蒙层被点击时会触发该事件-

Slot

name说明
default默认插槽:插入自定义内容到蒙层中,可能需要用到这个 slot。(垂直居中)