fix: 修改开发服务器端口为8088，调整聊天历史组件样式及背景图路径

components/ChatHistory.vue

@@ -124,7 +124,9 @@ export default {
   background-color: #ffffff;
 
   .drawer-header {
-    padding: 40rpx 32rpx;
+    padding: 0 32rpx;
+    height: 140rpx;
+    line-height: 120rpx;
 
     .drawer-title {
       font-family: DouyinSans;
@@ -140,7 +142,7 @@ export default {
 
   .chat-history-list {
     flex: 1;
-    height: calc(100vh - 200rpx);
+    height: calc(100vh - 360rpx);
 
     .chat-day {
       display: flex;
@@ -175,6 +177,7 @@ export default {
   }
 
   .drawer-footer {
+    margin-top: 20rpx;
     height: 130rpx;
     border: 1rpx solid #eeeeee;
     border-radius: 12rpx;

manifest.json

@@ -129,7 +129,7 @@
     },
     "h5" : {
         "devServer" : {
-            "port" : 8080,
+            "port" : 8088,
             "disableHostCheck" : true,
             // "proxy" : {
             //     "/api" : {

pages/home/index/index.vue

@@ -477,6 +477,8 @@ export default {
           console.log("res.....", res);
           const data = res.data;
 
+          this.currentConversationId = data.conversationId;
+
           // 创建AI回复消息对象
           const aiMessage = {
             id:
@@ -564,7 +566,7 @@ export default {
 <style lang="scss" scoped>
 page {
   height: 100vh;
-  background-image: url("/static/common/images/images_bg.png");
+  background-image: url("@/static/common/images/images_bg.png");
   width: 100%;
   background-repeat: no-repeat;
   background-size: 100% 100%;

pages/login/login/index.vue

@@ -456,7 +456,7 @@ export default {
   flex-direction: column;
   box-sizing: border-box;
 
-  background-image: url(/static/common/images/images_bg.png);
+  background-image: url("@/static/common/images/images_bg.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: 50%;

vue.config.js

@@ -4,8 +4,8 @@ module.exports = {
 		devServer: {
 			// 调试时允许内网穿透，让外网的人访问到本地调试的H5页面
 			disableHostCheck: true,
-			port: '8080',
+			port: '8088',
 		}
 	},
 	//productionSourceMap: false,
-}
+}