动画

介绍

使元素从一种样式逐渐变化为另一种样式的效果。

基础用法

通过show属性控制动画的显示与隐藏。

<z-transition :show="show" :name="name">
</z-transition>

data() {
	return {
		show: false,
		name: 'fade',
		showCustom: false
	}
},

动画类型

通过name属性可切换动画类型。

<z-transition :show="show" :name="fade">
</z-transition>

Props

Events

Slots