haitu
/
aigc-h5
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改导航

master
fuxiaochun 2023-08-24 11:47:07 +08:00
parent 4b1e5a85b0
commit 356a915953
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/layouts/Header.vue
View File

@ -35,6 +35,13 @@
<div class="navIcon" @click="toggleMenu"><van-icon name="wap-nav" size=".6rem" /></div> <div class="navIcon" @click="toggleMenu"><van-icon name="wap-nav" size=".6rem" /></div>
</div> </div>
<ul class="menu"> <ul class="menu">
<li :class="{ active: route.meta.group === 'home' }" @click="jump('/')">首页</li>
<li :class="{ active: route.meta.group === 'chat' }" @click="jump('/chat')">AI助理</li>
<li :class="{ active: route.meta.group === 'business' }" @click="jump('/business')">AI商情</li>
<li :class="{ active: route.meta.group === 'communication' }" @click="jump('/communication')">AI传播</li>
<li :class="{ active: route.meta.group === 'training' }" @click="jump('/training')">AI培训</li>
<li :class="{ active: route.meta.group === 'vip' }" @click="jump('/vip')">会员服务</li>
<li class="gapline"></li>
<li @click="onLogin">登录</li> <li @click="onLogin">登录</li>
<li @click="onRegister">注册</li> <li @click="onRegister">注册</li>
</ul> </ul>
@ -289,6 +296,20 @@ const jump = (url)=>{
&:active{ &:active{
background-color: rgb(255, 255, 255, .1); background-color: rgb(255, 255, 255, .1);
} }
&.gapline{
height: 4px;
padding: 0 30px;
position: relative;
&::before{
content: '';
width: 100%;
height: 4px;
background: #3662FE;
display: block;
position: relative;
transform: none;
}
}
} }
} }
} }