|
@@ -18,16 +18,16 @@ export default defineComponent({
|
|
{ name: '下载', href: '/downLoad', current: false }
|
|
{ name: '下载', href: '/downLoad', current: false }
|
|
],
|
|
],
|
|
navPath: ['', '/musicLibrary', '', '', '/downLoad'],
|
|
navPath: ['', '/musicLibrary', '', '', '/downLoad'],
|
|
- isTop:false
|
|
|
|
|
|
+ isTop: false
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
- window.addEventListener("scroll", (e) => {
|
|
|
|
|
|
+ window.addEventListener('scroll', e => {
|
|
//函数体
|
|
//函数体
|
|
let scrollTop =
|
|
let scrollTop =
|
|
- document.documentElement.scrollTop | document.body.scrollTop;
|
|
|
|
- scrollTop > 0 ? (this.isTop = true) : (this.isTop = false);
|
|
|
|
- });
|
|
|
|
|
|
+ document.documentElement.scrollTop | document.body.scrollTop
|
|
|
|
+ scrollTop > 0 ? (this.isTop = true) : (this.isTop = false)
|
|
|
|
+ })
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
$route(res: any) {
|
|
$route(res: any) {
|
|
@@ -41,9 +41,10 @@ export default defineComponent({
|
|
render() {
|
|
render() {
|
|
return (
|
|
return (
|
|
<>
|
|
<>
|
|
- {/* <div class='wall' style={{height:70px;}}></div> */}
|
|
|
|
- <div class={["headerSection",this.isTop?'':'top']} >
|
|
|
|
-
|
|
|
|
|
|
+ {/* <div class='wall' style={{height:70px;}}></div> */}
|
|
|
|
+ <div
|
|
|
|
+ class={['headerSection backdrop-blur-sm', this.isTop ? '' : 'top']}
|
|
|
|
+ >
|
|
<div class="flex items-center h-full">
|
|
<div class="flex items-center h-full">
|
|
<div class="logoWrap">
|
|
<div class="logoWrap">
|
|
<img class="w-full" src={logo} alt="" />
|
|
<img class="w-full" src={logo} alt="" />
|
|
@@ -83,7 +84,7 @@ export default defineComponent({
|
|
</ElButton>
|
|
</ElButton>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </>
|
|
|
|
|
|
+ </>
|
|
)
|
|
)
|
|
}
|
|
}
|
|
})
|
|
})
|