src/renderer/components/HeaderBar/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <header class="title-bar flex items-start justify-between h-[40px]">
+  <header class="flex items-start justify-between h-[40px]">
     <div class="title-bar-main flex-auto">
       <slot>{{ title ?? '' }}</slot>
     </div>
@@ -69,8 +69,4 @@ function handleClose() {
 }
 </script>
 
-<style scoped>
-.title-bar {
-  background-color: rgba(239, 246, 255, 0.8);
-}
-</style>
+<style scoped></style>

src/renderer/components/Layout/index.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="bg h-screen flex flex-col">
+  <div class="bg-color h-screen flex flex-col">
     <header-bar>
       <drag-region class="w-full" />
     </header-bar>
 
-    <main class="bg-[#f7f9fc] box-border w-full h-[calc(100vh-40px)] flex pt-[8px] pb-[8px] pl-[8px] ">
+    <main class="box-border w-full h-[calc(100vh-40px)] flex pt-[8px] pb-[8px] pl-[8px] ">
       <div class="flex-1 flex">
         <slot />
       </div>
@@ -17,3 +17,8 @@
 <script setup lang="ts" name="Layout">
 import SideMenus from '@renderer/components/SideMenus/index.vue'
 </script>
+<style scoped>
+.bg-color {
+  background: linear-gradient(180deg, #EFF6FF 0%, #F5F7FA 40%);
+}
+</style>

src/renderer/views/home/ChatBox.vue

@@ -125,8 +125,8 @@ const inputMessage = ref("");
 /// 发送消息中标志
 const isSendingMessage = ref(false);
 
-/// agentId 首页接口中获取 1953462165250859010
-const agentId = ref("1953462165250859010");
+/// agentId 首页接口中获取 1953462165250859011
+const agentId = ref("1953462165250859011");
 /// 会话ID 历史数据接口中获取
 const conversationId = ref(props.conversationId);
 

src/renderer/views/home/ChatHistory.vue

@@ -5,7 +5,7 @@
 			<div class="font-bold text-gray-80">YINIAN</div>
 		</div>
 
-		<div class="flex justify-center m-2 bg-white rounded-lg p-2.5 border-[##E5E8EE] shadow-sm text-center"
+		<div class="flex justify-center m-2 bg-white rounded-lg p-2.5 border-[#E5E8EE] shadow-sm text-center"
 			@click="addNewChat">
 			<RiAddLine /> 新对话
 		</div>
@@ -15,7 +15,7 @@
 				<li v-for="item in groups" :key="item.conversationId" @click="selectedHistoryMessage(item.conversationId)"
 					:class="[
 						'flex items-center gap-2 p-2 text-gray-600 rounded-lg cursor-pointer transition-colors',
-						item.conversationId === selectedConversationId ? 'bg-white shadow-sm border-[##E5E8EE]' : 'hover:bg-gray-50'
+						item.conversationId === selectedConversationId ? 'bg-white shadow-sm border-[#E5E8EE] py-1.5 relative z-10' : 'hover:bg-gray-200'
 					]">
 					<span class="w-2 h-2 rounded-full bg-[#BEDBFF] flex-none"></span>
 					<div class="flex-1 min-w-0">

src/renderer/views/home/index.vue

@@ -1,6 +1,6 @@
 <template>
   <layout>
-    <div class="flex h-full w-full flex-col md:flex-row ">
+    <div class="flex h-full w-full flex-col md:flex-row">
       <ChatHistory class="flex-none w-50" @new-chat="guide = true" @select-chat="handleSelectChat" />
       <div class="flex-1 mr-2 overflow-hidden bg-white rounded-xl">
         <ChatBox v-model:guide="guide" :conversationId="selectedConversationId" />