【功能实现】Vue3中导航栏效果实现

功能需求：

1. 点击导航后会跳转到相应的页面
2. 当页面在顶部时，导航栏模块背景是透明的
3. 当页面向下滚动超过150px时，导航栏背景为白色

效果实现：

1.准备列表

将导航栏区域的类名设置为动态，即通过判断isTransparent是否存在添加header属性。

通过ul标签实现右侧列表

<header :class="{header: isTransparent}" >
	    <div class="logo"><routerLink to="/home"> ZYX</routerLink></div>
	    <nav class="nav">
	        <ul class="menu">
	            <li><span class=" yy-home"></span> <span>首页</span></li>
	            <li><span class=" yy-message"></span> <span>文章</span></li>
	            <li><span class=" yy-flower"></span> <span>我们</span></li>
				<li><span class=" yy-link"></span> <span>友链</span><