2019-01-08 01:22:09 +01:00
|
|
|
import Vue from 'vue'
|
|
|
|
|
import { Component } from 'vue-property-decorator'
|
|
|
|
|
|
|
|
|
|
require('./logo.scss')
|
|
|
|
|
|
|
|
|
|
import { TimelineLite, Back } from 'gsap'
|
|
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
export default class Logo extends Vue {
|
2019-01-09 00:31:16 +01:00
|
|
|
logoimg: string = ''
|
|
|
|
|
|
2019-01-08 01:22:09 +01:00
|
|
|
created() {
|
2019-01-09 00:31:16 +01:00
|
|
|
this.logoimg = 'statics/' + process.env.LOGO_REG
|
2019-01-08 01:22:09 +01:00
|
|
|
this.animate()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
animate () {
|
|
|
|
|
const timeline = new TimelineLite()
|
|
|
|
|
|
|
|
|
|
timeline.to('#sun', 5, {
|
|
|
|
|
cy: 20,
|
|
|
|
|
cx: 60,
|
|
|
|
|
ease: Back.easeInOut // Specify an ease
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|