收藏
回答

页面2个循环的animation无法在一个页面实现吗


<cover-view class='leida' animation="{{animationData01}}">

<cover-view class='leida01' animation="{{animationData}}"></cover-view>


var animation = wx.createAnimation({

duration: 4000,

timingFunction: 'linear',

})

var animation01 = wx.createAnimation({

duration: 4000,

timingFunction: 'linear',

})

this.animation = animation;

this.animation01 = animation01



this.setData({

animationData: animation.export(),

animationData01: animation01.export()

})

var n = 0;

setInterval(function () {

n = n + 1;

this.animation.rotate(180 * (n)).step();

this.animation01.rotate(-180 * (n)).step()

this.setData({

animationData: this.animation.export(),

animationData01: this.animation01.export()

})

}.bind(this), 1000)



然后就只有animationData01这个动画在转动,animationData没有转动






回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    2019-07-29

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-07-29
    有用
    回复 1
    • 柠檬茶
      柠檬茶
      2019-07-30
      这个问题模拟机上面解决了,但是真机测试有问题,您看看这个问题怎么解决?因为cover-image gif格式的图真机不显示所以只能用动画来实现了 (https://developers.weixin.qq.com/s/Cz2R2fmw7da2)
      2019-07-30
      回复
登录 后发表内容