微信小程序文字輪播

wxml： <view class="scorll" animation="{{animationData}}" bindtransitionend='animationend'>{{weatherWarn.title}}</view>  js：
 initAnimation: function(text){
    const animation = wx.createAnimation({
      duration: 5000,// 動畫時長：5s
      timingFunction: 'linear',// 勻速
    });
    animation.translateX(parseInt(-130)).step();// -130，向左滾動130px
    this.setData({
      animationData: animation.export(), // 此處為動畫
      animation: animation // 此處為方法
    });
  },
  animationend() {
    let that = this;
    // 復位容器的位置，准備開始下一次動畫
    that.data.animation.translateX(120).step({duration: 0}); 
    that.setData({
        animationData: that.data.animation.export()
    }, ()=>{
      //開始新一輪動畫
        let animation = wx.createAnimation({
            //此處以公告最長內容來設置動畫持續時間（duration：決定整個動畫播放的速度）
            duration: 8000,
            timingFunction: 'linear'
        });
        animation.translateX(-130).step();// -130代表向左滾動130px
        that.setData({
            animationData: animation.export()
        });
    });
},

因為頁面上放的是文字所以就是文字的橫向輪播，方向內容都是可以自己更改的

引用：小程序橫向滾動公告 無限循環播放動畫 | 微信開放社區 (qq.com)