vue2-animate 介绍
vue2-animate 是一款?vue的一些常用动画animate css来实现,针对vue2出现了一款 插件 。
一、安装?
npm install --save vue2-animate
?二、main.js引入,加入以下这句?
import 'vue2-animate/ dis t/vue2-animate.min.css'
三、使用,在XXX.vue界面,脚手架 生成 的vue 页面 模板都是固定的?
<template>
<transition name="bounce" enter-active-class="bounceInLeft" leave-active-
class="bouceOutRight">
<div>
---------------------------------------
---------------------------------------
---------------------------------------
---------------------------------------
</div>
</transition>
</template>
关于name共有以下这几种?
Bounce?
bounce
bounceDown
bounceLeft
bounceRight
bounceUp?
Fade
fade
fadeDown
fadeDownBig
fadeLeft
fadeLeftBig
fadeRight
fadeRightBig
fadeUp
fadeUpBig?
Rotate?
rotate
rotateDownLeft
rotateDownRight
rotateUpLeft
rotateUpRight?
Slide
slideDown
slideLeft
slideRight
slideUp?
Zoom
zoom
zoomDown
zoomLeft
zo omr ight
zoomUp?
网站地址 : https://the-allstars.com/vue2-animate/
GitHub: https://github.com/asika32764/vue2-animate
网站描述: vue的一些常用动画animate css来实现
vue2-animate官方网站
官方网站: https://the-allstars.com/vue2-animate/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。