From fd51d05c85124e5fee2fc10000ebabd43953490f Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Fri, 11 Jul 2025 16:04:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=BA=95=E9=83=A8=E7=A9=BA=E7=99=BD=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=8F=8A=E8=B0=83=E6=95=B4=E8=81=8A=E5=A4=A9=E9=A1=B9?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ChatHistory.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/components/ChatHistory.vue b/components/ChatHistory.vue
index f375c9f..218be47 100644
--- a/components/ChatHistory.vue
+++ b/components/ChatHistory.vue
@@ -12,7 +12,7 @@
           新建对话
         </text>
       </view>
-      <scroll-view scroll-y class="chat-history-list">
+      <scroll-view scroll-y class="chat-history-list" :show-scrollbar="false">
         <!-- 使用新的数据结构渲染聊天历史 -->
         <view
           v-for="(group, groupIndex) in chatHistoryList3"
@@ -38,6 +38,9 @@
             <text class="chat-text">{{ item.title }}</text>
           </view>
         </view>
+        
+        <!-- 添加底部空白区域 -->
+        <view class="bottom-space"></view>
       </scroll-view>
 
       <view class="drawer-footer">
@@ -143,6 +146,7 @@ export default {
   .chat-history-list {
     flex: 1;
     height: calc(100vh - 360rpx);
+    padding-bottom: 20rpx;
 
     .chat-day {
       display: flex;
@@ -159,6 +163,9 @@ export default {
     .chat-item {
       padding: 24rpx 30rpx;
       border-radius: 16rpx;
+      margin-bottom: 4rpx;
+      position: relative;
+      overflow: hidden;
 
       .chat-text {
         font-size: 28rpx;
@@ -168,6 +175,7 @@ export default {
 
       &-active {
         background-color: #4f6aff;
+        box-shadow: 0 2rpx 8rpx rgba(79, 106, 255, 0.3);
 
         .chat-text {
           color: #fff;
@@ -175,6 +183,11 @@ export default {
       }
     }
   }
+  
+  .bottom-space {
+    height: 30rpx;
+    width: 100%;
+  }
 
   .drawer-footer {
     margin-top: 20rpx;
@@ -191,7 +204,7 @@ export default {
       align-items: center;
 
       .user-avatar {
-        width: 56rpx;
+    width: 56rpx;
         height: 56rpx;
         border-radius: 50%;
         margin-right: 30rpx;