1.0.0 • Published 2 years ago

@dj-ui/dj-transition v1.0.0

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

安装

npm i @deji/dj-transition

使用

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

Attributes

参数说明类型可选值默认值
show是否可见Booleantrue / falsefalse
mode动画模式String详见mode说明fade
duration动画执行时间 (毫秒)Number, String-200
customStyle自定义样式Object--

mode

参数说明
fade淡入淡出
zoom缩放
fade-zoom缩放淡入
fade-up上滑淡入
fade-down下滑淡入
fade-left左滑淡入
fade-right右滑淡入
slide-up上滑进入
slide-down下滑进入
slide-left左滑进入
slide-right右滑进入

Events

事件名说明参数
click点击时会触发该事件-
beforeEnter动画进入之前-
afterEnter动画进入之后-
beforeLeave动画离开前-
afterLeave动画离开后-

Slot

name说明
default默认插槽