1.0.1 • Published 2 years ago
@dj-ui/dj-overlay v1.0.1
安装
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) | 是否可见 | Boolean | true / false | false |
duration | 动画过渡时长 (毫秒) | Number, String | - | 300 |
zIndex | 显示层级 | Number, String | - | 10000 |
opacity | 透明度 | Number | 0-1 | 0.45 |
Events
事件名 | 说明 | 参数 |
---|---|---|
click | 当蒙层被点击时会触发该事件 | - |
Slot
name | 说明 |
---|---|
default | 默认插槽:插入自定义内容到蒙层中,可能需要用到这个 slot。(垂直居中) |
1.0.1
2 years ago