效果圖
影片代碼
這里 只提供圖中購物車影片代碼，不提供以上點餐界面（需要點餐界面 點擊這里：Gitee倉庫），
在觸發代碼中使用 this.cartWwing() 呼叫影片，不理解請訪問 教程，
/**
* 點擊商品+號購物車擺動
* @return void
*/
cartWwing: function()
{
// 創建影片實體(animation)
var animation = wx.createAnimation({
duration: 100,//影片持續時間
timingFunction: 'ease-in',//影片以低速開始
//具體配置項請查看檔案
})
// 通過實體描述物件()
animation.translateX(6).rotate(21).step()
animation.translateX(-6).rotate(-21).step()
animation.translateX(0).rotate(0).step()
// 匯出影片
this.setData({
ani: animation.export()
})
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/112546.html
標籤：其他