[微信小程序] 動畫製作


在小程序可以使用 CSS 來製作動畫,也可以利用 wx.createAnimation 來創造動畫實體。話不多說直接上 Code:

JS 部分:

// 創建實體
var animation = wx.createAnimation({
    duration: 200,
    timingFunction: "ease",
    delay: 0
});
// 進行動畫動作
animation.translateY(300).step();
// 導出,export 方法每次調用後會清掉之前的動畫操作
this.setData({
    animation: animation.export()
});

WXML 部分,只要接收資料即可:

<view animation="{{animation}}"></view>

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *