wxml
<view class='container' animation="{{animationData}}">
<view class='tuoluo-card'>陀螺名片</view>
</view>
js:
Page({
/**
* 页面的初始数据
*/
data: {
animationData:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
// 旋转动画
var animation = wx.createAnimation({
duration: 200, //动画的持续时间
timingFunction: "linear", // 动画的效果设置为平均
delay: 0 //动画延迟时间无
})
that.animation = animation
animation.rotate(180).step(); //效果自己设定为主
//延时动画
setTimeout(function () {
that.setData({
animationData: animation.export()
})
}, 1500)
},
})