123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- // compontents/lesson_list/lessonList.js
- Component({
- /**
- * 组件的属性列表
- * 和curriculum一样
- */
- properties: {
- lessonData: {
- type: Array,
- value: []
- },
- height: {
- type: String,
- value: ''
- }
- },
- /**
- * 组件的初始数据
- */
- data: {
- flag: false,
- animationData: {},
- downUp: '展开',
- src: '../../pages/image/toDown.png',
- },
- /**
- * 组件的方法列表
- */
- methods: {
- onTap (e) {
- let flage = e.target.dataset.flag;
- const height = this.properties.lessonData.length * 56;
- if(flage){
- this.util(flage, '280rpx');
- this.setData({
- 'flag': false,
- 'downUp': '展开',
- 'src':'../../pages/image/toDown.png'
- })
- } else {
- this.util(flage, height + 'rpx');
- this.setData({
- 'flag': true,
- 'downUp': '收起',
- 'src': '../../pages/image/toUp.png'
- })
- }
- },
- /* 创建动画并执行 */
- 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()
- })
- }
- }
- })
|