This commit is contained in:
syuilo 2018-06-16 07:13:45 +09:00
parent fa5a82c9ab
commit b600d462c1

View file

@ -57,7 +57,8 @@ export default Vue.extend({
welcomeBgUrl, welcomeBgUrl,
host, host,
name, name,
description description,
pointerInterval: null
}; };
}, },
created() { created() {
@ -66,11 +67,18 @@ export default Vue.extend({
}); });
}, },
mounted() { mounted() {
this.point();
this.pointerInterval = setInterval(this.point, 100);
},
beforeDestroy() {
clearInterval(this.pointerInterval);
},
methods: {
point() {
const x = this.$refs.signup.getBoundingClientRect(); const x = this.$refs.signup.getBoundingClientRect();
this.$refs.pointer.style.top = x.top + x.height + 'px'; this.$refs.pointer.style.top = x.top + x.height + 'px';
this.$refs.pointer.style.left = x.left + 'px'; this.$refs.pointer.style.left = x.left + 'px';
}, },
methods: {
signup() { signup() {
this.$modal.show('signup'); this.$modal.show('signup');
}, },
@ -109,7 +117,7 @@ root(isDark)
right 0 right 0
width 180px width 180px
margin 0 0 0 -180px margin 0 0 0 -180px
transform rotateY(180deg) translateX(-10px) translateY(-25px) transform rotateY(180deg) translateX(-10px) translateY(-48px)
pointer-events none pointer-events none
> button > button