From 67c94d814cae9e7880c46cb7382b5cdae32cc80c Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Mon, 7 Apr 2025 22:57:59 +0800
Subject: [PATCH] =?UTF-8?q?Fix(AI):[#3600]=E9=94=AE=E7=9B=98=E5=BC=B9?=
 =?UTF-8?q?=E5=87=BA=E5=90=8E=EF=BC=8C=E5=BC=80=E5=90=AF=E6=96=B0=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=EF=BC=8C=E5=8F=8A=E9=94=AE=E7=9B=98=E5=BA=95=E9=83=A8?=
 =?UTF-8?q?=E4=BC=9A=E8=A2=AB=E9=81=AE=E6=8C=A1=E4=B8=80=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 aiChat/components/bottomSend.vue | 10 ++++++++--
 aiChat/mixins/chatMixins.js      |  4 ++++
 aiChat/views/history.vue         |  8 +++++++-
 aiChat/views/index.vue           | 20 +++++++++++++-------
 assets/css/aiChat.less           |  7 +++++--
 5 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/aiChat/components/bottomSend.vue b/aiChat/components/bottomSend.vue
index 71537f0..280312a 100644
--- a/aiChat/components/bottomSend.vue
+++ b/aiChat/components/bottomSend.vue
@@ -141,10 +141,16 @@ export default {
   },
   methods: {
     promptInputFocusHandle() {
-      this.inputOnFocus = true
+      setTimeout(() => {
+        this.inputOnFocus = true
+        this.$emit('focus', 1)
+      }, 200)
     },
     promptInputBlurHandle() {
-      this.inputOnFocus = false
+      setTimeout(() => {
+        this.inputOnFocus = false
+        this.$emit('focus', 0)
+      }, 200)
     },
     toggleInputModel() {
       if (!this.token) {
diff --git a/aiChat/mixins/chatMixins.js b/aiChat/mixins/chatMixins.js
index da26fcc..4183d2c 100644
--- a/aiChat/mixins/chatMixins.js
+++ b/aiChat/mixins/chatMixins.js
@@ -21,6 +21,7 @@ export const chatMixins = {
       statusBarHeight: 20,
       fileHttpStr: Object.freeze(VUE_APP_API_URL + settings.sysPrefix),
       optionsFrom: '',
+      onFocus: false,
       loading: false,
       chatNumber: '',
       infoResData: {},
@@ -86,6 +87,9 @@ export const chatMixins = {
     createdCallbak() {
       console.log('页面初始话回调')
     },
+    inputFocusHandle(value) {
+      this.onFocus = value === 1
+    },
     historyViewHandle() {
       console.log(this.$refs.historyView)
       this.$refs.historyView.showView()
diff --git a/aiChat/views/history.vue b/aiChat/views/history.vue
index 75d68a2..93f38e9 100644
--- a/aiChat/views/history.vue
+++ b/aiChat/views/history.vue
@@ -130,7 +130,12 @@
         <view id="bottom_postion" class="bottom-postion" />
       </view>
     </view>
-    <view class="page-to-bottom">
+    <view
+      :class="{
+        'focus': onFocus
+      }"
+      class="page-to-bottom"
+    >
       <image
         v-if="chatMessageListLength > 0 && !isScrollToBottom && !loading"
         :src="webUrl + '/aiChat/down.png'"
@@ -144,6 +149,7 @@
       :loading="loading"
       @send="streamReq"
       @history="historyViewHandle"
+      @focus="inputFocusHandle"
     />
     <AiHistoryList
       ref="historyView"
diff --git a/aiChat/views/index.vue b/aiChat/views/index.vue
index 9679ab8..363b15b 100644
--- a/aiChat/views/index.vue
+++ b/aiChat/views/index.vue
@@ -181,7 +181,12 @@
         <view id="bottom_postion" class="bottom-postion" />
       </view>
     </view>
-    <view class="page-to-bottom">
+    <view
+      :class="{
+        'focus': onFocus
+      }"
+      class="page-to-bottom"
+    >
       <view
         v-if="chatNumber"
         class="new-chat"
@@ -208,6 +213,7 @@
       @send="streamReq"
       @add="createNewHandle"
       @history="historyViewHandle"
+      @focus="inputFocusHandle"
     />
     <AiHistoryList
       ref="historyView"
@@ -318,7 +324,7 @@ export default {
     padding: 30rpx;
     margin: 0 0 0 40rpx;
     border-radius: 20rpx;
-    font-size: 24rpx;
+    font-size: 28rpx;
     background-color: #fff;
     box-shadow: 0rpx 12rpx 30rpx rgba(0,0,0,0.1);
     .trangle {
@@ -354,7 +360,7 @@ export default {
       text-align: center;
       line-height: 46rpx;
       color: #fff;
-      font-size: 26rpx;
+      font-size: 28rpx;
       background-color: #3D4CF1;
     }
     .icon {
@@ -375,11 +381,11 @@ export default {
       .list-item {
         display: flex;
         align-items: center;
-        height: 40rpx;
-        padding: 0 12rpx;
+        height: 48rpx;
+        padding: 0 18rpx;
         margin: 0 30rpx 30rpx 0;
-        border-radius: 20rpx;
-        font-size: 24rpx;
+        border-radius: 24rpx;
+        font-size: 28rpx;
         color: #666;
         background: rgba(255,255,255,0.39);
         box-shadow: 0rpx 6rpx 12rpx rgba(0,0,0,0.1);
diff --git a/assets/css/aiChat.less b/assets/css/aiChat.less
index 65f08f0..2426787 100644
--- a/assets/css/aiChat.less
+++ b/assets/css/aiChat.less
@@ -97,6 +97,10 @@ page {
 		align-items: center;
 		justify-content: flex-end;
 		padding: 0 24rpx;
+		transition: all 0.2s;
+		&.focus {
+			transform: translateY(-40rpx);
+		}
 		.new-chat {
 			display: flex;
 			align-items: center;
@@ -132,7 +136,7 @@ page {
 		padding: 24rpx 24rpx 48rpx 24rpx;
 		transition: all 0.2s;
 		&.focus {
-			transform: translateY(-48rpx);
+			transform: translateY(-40rpx);
 		}
 		.bottom-body {
 			position: relative;
@@ -329,7 +333,6 @@ page {
 				width: 60rpx;
 				height: 60rpx;
 				margin: 0 0 8rpx 0;
-				border-radius: 50%;
 			}
 			.item-left {
 				display: flex;