主要介绍了Vue 过渡（动画）transition组件案例详解，非常不错，具有参考借鉴价值，需要的朋友参考下

大家好！先上图看看本次案例的整体效果。        实现思路： Vue component实现大转盘组件，可以嵌套到任意要使用的页面。 css3 transform控制大转盘抽奖过程的动画效果。 抽奖组件内使用钩子函数watch监听抽奖结果的返回情况播放大转盘动画并给用户弹出中奖提示。 中奖结果弹窗，为抽奖组件服务。        实现步骤如下：  构建api奖品配置信息和抽奖接口，vuex全局存放奖品配置和中奖结果数据信息。 api： export default { getPrize

首先在开发时需要考虑以下三点:      1、进入和弹出的动画效果。      2、z-index 的控制      3、overlay 遮盖层 关于动画 vue 对于动画的处理相对简单，给组件加入css transition 动画即可 [removed] // ... [removed] .modal-scale-transition{ transition: tran