动画实现滚动公告栏

小程序动画实现滚动公告栏

HTML：

​
<view class="box">
  <view class="left"></view>
  <view id="abc" class="content_box">
    <view class="content_text" animation="{
  {animationData}}"><text id="text">滚动公告栏内容</text></view>
  </view>
  <view class="right"></view>
</view>

​

js：

Page({

  data: {

    // 公告栏参数
    duration:5000,
    sliderValue:null,
    wrapWidth:0,
    textWidth:0,
    timer:null,
    animation:null

  },

  initAnimation(){
    let that = this;
    this.data.animation = wx.createAnimation({
      // duration:2000,
      timingFunction:'linear'
    })
  
    let query = wx.createSelectorQuery();
    query.select('.content_box').boundingClientRect();
    query.select('#text').boundingClientRect();
    quer