From c90c654dc7e3254192402efa59c5f813e6552391 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=82=85=E5=85=89=E5=AD=9F?= <fgmfjf@163.com>
Date: Mon, 30 Mar 2026 21:06:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=A0=B7=E5=BC=8F=E4=BB=A5=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E7=95=8C=E9=9D=A2=E5=92=8C=E6=8F=90=E5=8D=87?=
 =?UTF-8?q?=E5=8F=AF=E8=AF=BB=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/example/index.vue              | 45 +++++++++++++++++++-----
 src/views/pages/homeByLoginout/index.vue |  4 +--
 2 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/src/views/example/index.vue b/src/views/example/index.vue
index bbe6dd4..0f6215f 100644
--- a/src/views/example/index.vue
+++ b/src/views/example/index.vue
@@ -8,14 +8,14 @@
 			</router-link>
 
 			<div class="top_menu">
-				<div class="item" @click="goLogout">
+				<div :class="['item', { 'login-item': isLogin }]" @click="goLogout">
 					<text>产品</text>
 				</div>
-				<div class="item">
+				<div :class="['item active', { 'login-item': isLogin }]">
 					<text>产品文档</text>
-					<div class="bottom_line"></div>
+					<div v-if="!isLogin" class="bottom_line"></div>
 				</div>
-				<div v-if="!Session.get('token')" class="top_right" @click="goLogin">
+				<div v-if="!isLogin" class="top_right" @click="goLogin">
 					<text>登录</text>
 				</div>
 			</div>
@@ -48,7 +48,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import logo_hol from '/@/assets/logo_hol.png';
 import example1 from '/@/assets/images/example_1.png';
 import example2 from '/@/assets/images/example_2.png';
@@ -128,6 +128,10 @@ const vidoeUrl = ref();
 const title = ref('');
 const poster = ref('');
 
+const isLogin = computed(() => {
+	return !!Session.get('token');
+});
+
 const open = (item) => {
 	if (item.type === 'pdf') {
 		openPdf(item);
@@ -217,7 +221,7 @@ function goLogin() {
 	width: 100%;
 	height: 100vh;
 	overflow: auto !important;
-	background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 60px;
+	background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 56px;
 	background-size: 100% auto;
 }
 
@@ -226,8 +230,8 @@ function goLogin() {
 	justify-content: space-between;
 	align-items: center;
 	background-color: #fff;
-	height: 64px;
-	padding-left: 32px;
+	height: 56px;
+	padding-left: 20px;
 	border-bottom: 1px solid var(--next-border-color-light);
 
 	.home-link {
@@ -369,6 +373,7 @@ function goLogin() {
 .top_menu {
 	height: 100%;
 	display: flex;
+	align-items: center;
 
 	.item {
 		height: 100%;
@@ -379,6 +384,29 @@ function goLogin() {
 		margin-right: 50px;
 	}
 
+	.login-item {
+		display: flex;
+		text-align: center;
+		justify-content: center;
+		margin-right: 20px;
+		text {
+			font-size: 16px;
+			color: #000000;
+			letter-spacing: 0;
+			line-height: 24px;
+			font-weight: 400;
+			cursor: pointer;
+			min-width: 60px;
+			white-space: nowrap;
+		}
+
+		&.active {
+			text {
+				color: #007aff;
+			}
+		}
+	}
+
 	.bottom_line {
 		width: 100%;
 		height: 4px;
@@ -392,7 +420,6 @@ function goLogin() {
 		text-align: center;
 		justify-content: center;
 		align-items: center;
-
 		width: 86px;
 		height: 100%;
 		background: #0779ff;
diff --git a/src/views/pages/homeByLoginout/index.vue b/src/views/pages/homeByLoginout/index.vue
index 5d750c0..7acb614 100644
--- a/src/views/pages/homeByLoginout/index.vue
+++ b/src/views/pages/homeByLoginout/index.vue
@@ -260,8 +260,8 @@ onUnmounted(() => {
 	display: flex;
 	align-items: center;
 	background-color: #fff;
-	height: 64px;
-	padding: 0 0 0 32px;
+	height: 56px;
+	padding: 0 0 0 20px;
 	border-bottom: 1px solid var(--next-border-color-light);
 	justify-content: space-between;