android自定义微信浮窗展开动画,微信小程序实现点击滑动展开效果动画

js

let animationShowHeight = 300;

Page({

/**

* 页面的初始数据

*/

data: {

animation: ''

},

// 下来

btnClick: function () {

var animation = wx.createAnimation({

transformOrigin: "50% 50%",

duration: 1000,

timingFunction: "ease",

delay: 0

})

this.animation = animation

animation.translateY(animationShowHeight).step()

this.setData({

animation: animation.export(),

})

},

// 上去

btnClickTo: function () {

var animation = wx.createAnimation({

transformOrigin: "50% 50%",

duration: 1000,

timingFunction: "ease",

delay: 0

})

this.animation = animation

animation.translateY(0).step()

this.setData({

animation: animation.export(),

})

}

})

wxml

点我下去

点我回去

我一会就出来吓死你

我一会就出来吓死你

我一会就出来吓死你