循环创建uni.createAnimation得到数组,循环渲染多个view,点击的时候触发多个动画效果
- 发布:2023-06-06 17:58
- 更新:2023-06-08 16:27
- 阅读:443
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 64位
HBuilderX类型: 正式
HBuilderX版本号: 3.7.3
第三方开发者工具版本号: 开发版 Nightly Build (1.06.2304062)
基础库版本号: 2.32.1
项目创建方式: HBuilderX
操作步骤:
预期结果:
同一套代码,小程序端应该有动画过程中的效果
同一套代码,小程序端应该有动画过程中的效果
实际结果:
小程序端没有动画过程中的效果,H5端有动画过程中的效果
小程序端没有动画过程中的效果,H5端有动画过程中的效果
bug描述:
使用一个数组循环绑定动画对象
<view class="like-item" :animation="item.animationData" v-for="(item, index) in animationList":key="index">
</view>
js里循环创建动画对象得到animationList数组
var animation = uni.createAnimation({
duration: this.duration
timingFunction: 'ease',
})
animationData: animation.export()
animation.translate(20, -150).scale(1.2, 1.2).step()
最终在h5端多个view动画正常,有动画的过程最终到达指定位置;小程序端直接到到达指定位置,没有显示出动画过程中的效果
Diligent_UI (作者) - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序
官方看一下动画问题