//js
页面({
数据:{
}，
onReady:函数(){//页面渲染完成//实例化一个动画
这一点。动画=wx.createAnimation ({//动画持续时间,单位女士,默认值400
持续时间:400/* *
* http://cubic-bezier.com/0, 0,算下来,1
*线性动画一直较为均匀
*缓解从匀速到加速在到匀速
*在缓慢到匀速
* ease-in-out从缓慢到匀速再到缓慢
*
* http://www.tuicool.com/articles/neqMVr
* step-start动画一开始就跳到100%直到动画持续时间结束一闪而过
* step-end保持0%的样式直到动画持续时间结束一闪而过
*/timingFunction:“缓解”,//延迟多长时间开始
延迟:100,/* *
*以什么为基点做动画效果自己演示
*左,中心是水平方向取值,对应的百分值为左=0%;中心=50%;=100%
*顶部中心的底部是垂直方向的取值,其中最高=0%;中心=50%;底部=100%
*/transformOrigin:“左前0 ',
成功:函数(res) {
console.log (res)
}
}）
}，/* *
*位移
*/翻译:函数(){//x轴位移100 px
this.animation。翻译(100 0).step ()
this.setData ({//输出动画
动画:this.animation.export ()
}）
}
}）
之前
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
