您的位置:首页 > 产品设计 > UI/UE

vue学习第11天,过渡 动画 过渡模式

2017-10-29 16:55 246 查看
1,新旧两个元素参与过渡或者动画的时候 新元素的进入和旧元素的离开是同时进行的 可以使用in-out 和 out-in 来设置过渡模式 指定其中的一个元素先执行过渡 执行完之后才执行另一个元素的过渡

2,多个组件的过渡 使用动态组件

3,transition-group 列表过度 这个元素是一个真实的元素 默认是一个 span 元素 可以通过 tag 来变更默认元素 可以通过name 来设置钩子

4,v-move 可以通过name 来设置过渡的切换时机和过渡曲线 

5,https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.14.1/lodash.min.js 使用transform来实现新旧位置的过渡 有个简单的 flip 动画列表 使用flip 的元素不能设置给display:inline

可以手动设置为display:inline-block
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: