| 65 | this.data = data; |
| 66 | } |
| 67 | onDisplaying(column) { |
| 68 | let data = this.data; |
| 69 | let duration = 6360; |
| 70 | this.timeline = (new Timeline) |
| 71 | .on(data["city"], { x: [176, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -176] }, duration, Math.linearEase, 0) |
| 72 | .on(data["temp"], { x: [176, 0, 0, 0, -176] }, 530*5, Math.quadEaseInOut, -duration+530*2) |
| 73 | .on(data["icon"], { x: [176+28, 28, 28, 28, -176-28] }, 530*5, Math.quadEaseInOut, -duration+530*6) |
| 74 | .on(data["condition"], { x: [176, 0, 0, 0, -176] }, 530*5, Math.quadEaseInOut, -duration+530*6) |
| 75 | column.duration = this.timeline.duration; |
| 76 | column.time = 0; |
| 77 | column.start(); |
| 78 | } |
| 79 | onTimeChanged(column) { |
| 80 | this.timeline.seekTo(column.time); |
| 81 | } |