需求:
实现以下效果git
实现:
定义参数github
option:{ duration: 100, // 动画执行时间 timingFunction: 'ease-in' // 动画执行效果 }
定义animation动画
设置初始不展现:this
.commonInner { height:0; overflow: hidden; }
展开方法:spa
open:function(){ let me=this; var box = wx.createAnimation(me.data.option);//初始化animation let hei=40*4;//可设置动态获取高度 box.height(hei).step();//设置动画效果 me.setData({ inner: box.export(), openFlag:true//判断当前状态(展开/收起) }) }
收起方法:code
close: function () { let me = this; var box = wx.createAnimation(me.data.option); box.height(0).step(); me.setData({ inner: box.export(), openFlag: false }) }
代码地址: https://github.com/myweiwei/s...
将不断更新完善,期待您的批评指正!blog