技術標籤：前端小程式

讓更新資料旁邊的圖示在原地進行旋轉

WXML檔案

<view class="update" bindtap="upDate">
							更新資料
   <image class=" " animation='{{animationData}}' style="width:23rpx;height:23rpx; margin-left:5rpx;  margin-top:2rpx;"  src="http://dodui.oss-cn-shenzhen.aliyuncs.com/20201106RegDoduiDoshop_xcx/updata.png"
 
>
   </image>
 </view>

JS檔案

//更新資料
  upDate: function () { 
    // 順時針旋轉例項
    var animation = wx.createAnimation({
      duration: 1000,
      timingFunction: 'ease'
    })
    // 逆時針旋轉例項
    var animation1 = wx.createAnimation({
      duration: 10,
      timingFunction: 'ease'
    })

    animation.
 
rotate(450).step()
    this.setData({
      animationData: animation.export()
    })
    setTimeout(function () {
      animation1.rotate(0).step()
      this.setData({
        animationData: animation1.export()
      })
    }.bind(this), 1300);

    getUserInfo().then(res => {
      console.log("個人資料： "
 
, res)
      this.setData({
        userInfo: res.data,
      });
      wx.showToast({
        title: '更新成功',
        icon: 'success',
        duration: 1000,
        mask: true
      })
    });
  }