123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- // compontents/lesson_list/lessonList.js
- Component({
- /**
- * 组件的属性列表
- */
- properties: {
- },
- /**
- * 组件的初始数据
- */
- data: {
- arr: ['钻石', '四季', '踏雪寻梅', '鹅鹅鹅', 'aaa'],
- flag: false,
- animationData: {},
- },
- /**
- * 组件的方法列表
- */
- methods: {
- onTap (e) {
- let flage = e.target.dataset.flag;
- if(flage){
- this.util(flage, '270rpx');
- this.setData({'flag': false})
- } else {
- this.util(flage, '400rpx');
- this.setData({'flag': true})
- }
- },
- /* 创建动画并执行 */
- util (flag, height) {
- // 创建动画实例
- var animation = wx.createAnimation({
- duration: 200, //动画时长
- timingFunction: "linear", //线性
- delay: 0 //0则不延迟
- });
-
- this.animation = animation;
- animation.height(height).step();
- this.setData({
- animationData: animation.export()
- })
- }
- }
- })
|