赞
踩
vue的一些常用动画animate css来实现,针对vue2出现了一款插件vue2-animate,其实更权威的介绍在这里欢迎访问https://www.npmjs.com/package/vue2-animate,看一下如何使用呢?
一、安装
npm install --save vue2-animate
二、main.js引入, 加入以下这句
import 'vue2-animate/dist/vue2-animate.min.css'
三、使用,在XXX.vue界面,脚手架生成的vue页面模板都是固定的
- <template>
- <transition name="bounce" enter-active-class="bounceInLeft" leave-active-
- class="bouceOutRight">
- <div>
- ---------------------------------------
- ---------------------------------------
- ---------------------------------------
- ---------------------------------------
- </div>
- </transition>
- </template>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。