1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- // compontents/target/target.js
- Component({
- /**
- * 组件的属性列表
- */
- properties: {
- wxObjectives: {
- type: String,
- value: ""
- }
- },
- /**
- * 组件的初始数据
- */
- data: {
- flag: false,
- animationData: {}
- },
- /**
- * 组件的方法列表
- */
- methods: {
- onTap (e) {
- let flage = e.target.dataset.flag;
- if(flage){
- this.util(flage, '156rpx');
- this.setData({'flag': false})
- } else {
- this.util(flage, '200rpx');
- 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()
- })
- }
- }
- })
|