Merge branch 'main' of https://git.nianxx.cn/zoujing/YGChatCS into fix-109

src/pages/index/components/chat/ChatInputArea/index.vue

@@ -6,12 +6,12 @@
         <image
           class="voice-icon"
           v-if="!isVoiceMode"
-          src="https://oss.nianxx.cn/mp/static/input_voice_icon.png"
+          src="https://oss.nianxx.cn/mp/static/version_1_0_1/input_voice_icon.png"
         />
         <image
           class="voice-icon"
           v-else
-          src="https://oss.nianxx.cn/mp/static/input_keyboard_icon.png"
+          src="https://oss.nianxx.cn/mp/static/version_1_0_1/input_keyboard_icon.png"
         />
       </view>
 
@@ -53,20 +53,20 @@
 
       <view class="input-container-send">
         <view class="input-container-send-btn" @click="sendMessage">
-          <image
-            v-if="props.isSessionActive"
-            class="send-icon"
-            src="https://oss.nianxx.cn/mp/static/input_stop_icon.png"
-          />
+          <view v-if="props.isSessionActive" class="send-stop"> </view>
           <image
             v-else
             class="send-icon"
-            src="https://oss.nianxx.cn/mp/static/input_send_icon.png"
+            src="https://oss.nianxx.cn/mp/static/version_1_0_1/input_send_icon.png"
           />
         </view>
       </view>
     </view>
 
+    <view class="color-99A0AE font-size-9 text-center text-gray-400 mb-8">
+      内容由AI大模型生成，请仔细鉴别
+    </view>
+
     <!-- 录音按钮 -->
     <RecordingWaveBtn v-if="visibleWaveBtn" ref="recordingWaveBtnRef" />
   </view>

src/pages/index/components/chat/ChatInputArea/styles/index.scss

@@ -1,10 +1,10 @@
 .area-input {
   display: flex;
   align-items: center;
-  border-radius: 22px;
+  border-radius: 24px;
   background-color: $uni-bg-color;
   box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
-  margin: 0 12px;
+  margin: 0 20px;
   margin-bottom: 8px;
 
   .input-container-voice {
@@ -12,12 +12,12 @@
     align-items: center;
     justify-content: center;
     align-self: flex-end;
-    width: 44px;
-    height: 44px;
+    width: 48px;
+    height: 48px;
 
     .voice-icon {
-      width: 22px;
-      height: 22px;
+      width: 24px;
+      height: 24px;
     }
   }
 
@@ -45,20 +45,39 @@
     align-items: center;
     justify-content: center;
     align-self: flex-end;
-    width: 44px;
-    height: 44px;
+    width: 48px;
+    height: 48px;
 
     .input-container-send-btn {
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 100%;
-      height: 100%;
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      background: radial-gradient(
+          39% 39% at 97% 81%,
+          #79dffb 0%,
+          rgba(138, 227, 252, 0) 100%
+        ),
+        radial-gradient(
+          54% 54% at 3% 70%,
+          #8afcf8 0%,
+          rgba(138, 252, 248, 0) 100%
+        ),
+        #2d91ff;
     }
 
     .send-icon {
-      width: 28px;
-      height: 28px;
+      width: 24px;
+      height: 24px;
+    }
+
+    .send-stop {
+      width: 12px;
+      height: 12px;
+      background: #ffffff;
+      border-radius: 4px;
     }
   }
 

src/static/scss/font-size.scss

@@ -3,6 +3,14 @@
   font-size: 0px;
 }
 
+.font-size-9 {
+  font-size: 9px;
+}
+
+.font-size-10 {
+  font-size: 10px;
+}
+
 .font-size-12 {
   font-size: 12px;
 }

src/static/scss/margin.scss

@@ -7,6 +7,10 @@
   margin-right: 8px;
 }
 
+.mb-8 {
+  margin-bottom: 8px;
+}
+
 .mb-10 {
   margin-bottom: 10px;
 }