...
|
...
|
@@ -34,26 +34,44 @@ |
|
|
cheader
|
|
|
},
|
|
|
methods: {
|
|
|
share: function() {
|
|
|
share() {
|
|
|
yoho.goShare({
|
|
|
title: this.title || '',
|
|
|
des: '我在BLK发现了一个不错的商品,快来看看吧!',
|
|
|
img: this.img,
|
|
|
url: location.href
|
|
|
});
|
|
|
},
|
|
|
toggle() {
|
|
|
let ghost = true;
|
|
|
let ghost2 = false;
|
|
|
let ghost3 = false;
|
|
|
|
|
|
if (window.scrollY > 100) {
|
|
|
ghost = false;
|
|
|
ghost2 = false;
|
|
|
ghost3 = false;
|
|
|
} else if (window.scrollY > 70) {
|
|
|
ghost = false;
|
|
|
ghost3 = true;
|
|
|
} else if (window.scrollY > 30) {
|
|
|
ghost = false;
|
|
|
ghost2 = true;
|
|
|
}
|
|
|
|
|
|
this.$refs.header.$el.classList.toggle('ghost', ghost);
|
|
|
this.$refs.header.$el.classList.toggle('ghost-2', ghost2);
|
|
|
this.$refs.header.$el.classList.toggle('ghost-3', ghost3);
|
|
|
}
|
|
|
},
|
|
|
|
|
|
created() {
|
|
|
window.onscroll = () => {
|
|
|
let transparent = true;
|
|
|
window.addEventListener('touchmove', () => {
|
|
|
this.toggle();
|
|
|
});
|
|
|
|
|
|
if (window.scrollY > 20) {
|
|
|
transparent = false;
|
|
|
}
|
|
|
|
|
|
this.$refs.header.$el.classList.toggle('ghost', transparent);
|
|
|
};
|
|
|
window.addEventListener('scroll', () => {
|
|
|
this.toggle();
|
|
|
});
|
|
|
}
|
|
|
};
|
|
|
</script> |
...
|
...
|
|