2019年5月17日

vue的多元素动画

摘要： 0.引入animate.css 1.用transition标签包裹多个运动的元素，transtion-group标签使用enter-active-class定义进入动画的类，用leave-active-class定义离开动画的类。 2.被包裹的元素要使用key属性，属性值要唯一 例子： 阅读全文

posted @ 2019-05-17 10:48 猫头唔食鱼 阅读(249) 评论(0) 推荐(0) 编辑

vue使用animate.css

摘要： 1.在main.js中引入animate.css 2.使用transition标签包裹运动的元素,使用enter-active-class定义进入动画，使用leave-active-class定义离开动画，注意animate.css的所有动画要加animated这个类 例子： 阅读全文

posted @ 2019-05-17 10:37 猫头唔食鱼 阅读(1065) 评论(0) 推荐(0) 编辑

vue的过渡

摘要： 1.使用transition标签包裹要运动的元素，给transition标签定义一个name属性 2.定义6个类名，每个类名都要用trnasition的name的属性值作为前缀。 (1) v-enter-active 和 v-leave-active 这两个类，定义过渡的属性 (2)v-enter 阅读全文

posted @ 2019-05-17 10:29 猫头唔食鱼 阅读(310) 评论(0) 推荐(1) 编辑