1、在循环数组的情况下,小程序动画不起作用:
<view class="barrage-bubble" animation="{{animationData}}"wx:for="{{bubblesData}}" wx:key="id">
<image class="barrage-bubbleicon"src="{{item.headicon}}"></image>
<text class="barrage-bubbletxt">{{item.content}}</text>
</view>
2、改成css3动画,
@keyframes move{
from{
top: 80%;
}
to{
top: 2%;
}
}
结果 在循环数组的情况下,最基本的移动 ,元素出现闪烁、抖动,性能监测显示fps却依然很高。