This commit is contained in:
parent
fa5a82c9ab
commit
b600d462c1
|
@ -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() {
|
||||||
const x = this.$refs.signup.getBoundingClientRect();
|
this.point();
|
||||||
this.$refs.pointer.style.top = x.top + x.height + 'px';
|
this.pointerInterval = setInterval(this.point, 100);
|
||||||
this.$refs.pointer.style.left = x.left + 'px';
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
clearInterval(this.pointerInterval);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
point() {
|
||||||
|
const x = this.$refs.signup.getBoundingClientRect();
|
||||||
|
this.$refs.pointer.style.top = x.top + x.height + 'px';
|
||||||
|
this.$refs.pointer.style.left = x.left + 'px';
|
||||||
|
},
|
||||||
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
|
||||||
|
|
Loading…
Reference in New Issue