From 356a915953af2ca0d5f2d6b170a3e6d59dd00599 Mon Sep 17 00:00:00 2001
From: fuxiaochun <f2e.xiaochun@gmail.com>
Date: Thu, 24 Aug 2023 11:47:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Header.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/layouts/Header.vue b/src/layouts/Header.vue
index 32aa6db..2ce29f5 100644
--- a/src/layouts/Header.vue
+++ b/src/layouts/Header.vue
@@ -35,6 +35,13 @@
                         <div class="navIcon" @click="toggleMenu"><van-icon name="wap-nav" size=".6rem" /></div>
                     </div>
                     <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="onRegister">注册</li>
                     </ul>
@@ -289,6 +296,20 @@ const jump = (url)=>{
                 &:active{
                     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;
+                    }
+                }
             }
         }
     }