收藏
回答

小程序动画失效bug

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却依然很高。

回答关注问题邀请回答
收藏
登录 后发表内容