2019-01-08 01:22:09 +01:00
|
|
|
import Vue from 'vue'
|
|
|
|
|
import { Component } from 'vue-property-decorator'
|
|
|
|
|
|
|
|
|
|
import { TimelineLite, Back } from 'gsap'
|
|
|
|
|
|
2019-01-14 22:40:30 +01:00
|
|
|
import $ from 'jquery'
|
|
|
|
|
import Timeout = NodeJS.Timeout
|
2019-03-14 21:09:41 +01:00
|
|
|
import { tools } from "@src/store/Modules/tools"
|
2019-01-14 22:40:30 +01:00
|
|
|
|
2019-01-08 01:22:09 +01:00
|
|
|
@Component({
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
export default class Logo extends Vue {
|
2019-03-14 21:09:41 +01:00
|
|
|
public logoimg: string = ''
|
2019-01-09 00:31:16 +01:00
|
|
|
|
2019-03-14 21:09:41 +01:00
|
|
|
public created() {
|
|
|
|
|
this.logoimg = '../../' + tools.getimglogo()
|
2019-01-08 01:22:09 +01:00
|
|
|
this.animate()
|
|
|
|
|
}
|
|
|
|
|
|
2019-03-14 21:09:41 +01:00
|
|
|
public animate() {
|
2019-01-08 01:22:09 +01:00
|
|
|
const timeline = new TimelineLite()
|
|
|
|
|
|
2019-01-14 22:40:30 +01:00
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
let mysmile = $('#smile')
|
|
|
|
|
|
|
|
|
|
mysmile.attr('class', 'smile_hide')
|
|
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
mysmile.removeClass('smilevisible')
|
|
|
|
|
mysmile.addClass('smile_hide')
|
|
|
|
|
}, 1000)
|
|
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
mysmile.addClass('smilevisible')
|
|
|
|
|
mysmile.removeClass('smile_hide')
|
|
|
|
|
}, 10000)
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
timeline.to('#smile', 5, {
|
2019-01-08 01:22:09 +01:00
|
|
|
cy: 20,
|
|
|
|
|
cx: 60,
|
|
|
|
|
ease: Back.easeInOut // Specify an ease
|
|
|
|
|
})
|
2019-01-14 22:40:30 +01:00
|
|
|
*/
|
2019-01-08 01:22:09 +01:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|