From 48235b23661822b1254ed36da0e5f2ac30191a4b Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Fri, 13 Oct 2023 14:26:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8A=A8=E7=94=BB=E8=BF=87?=
 =?UTF-8?q?=E6=B8=A1=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chat/index.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index d501d60..ef8762d 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -76,7 +76,6 @@ const changeRecord = ()=>{
   else {
     RecordXunfei()
     recordFalg.value = 0
-		nowStatus.value = 'loding'
   }
 }
 
@@ -629,9 +628,11 @@ const click = () => {
 <template>
 	<div class="flex w-full h-full my-layout">
 		<indexBG v-if="!isMobile">
-			<recording v-if="nowStatus=='record'"></recording>
-			<loding v-else-if="nowStatus=='loding'"></loding>
-			<inputing v-else></inputing>
+			<transition  mode="out-in" name="fade">
+				<recording v-if="nowStatus=='record'" key="record"></recording>
+				<loding v-else-if="nowStatus=='loding'" key="loding"></loding>
+				<inputing v-else key="input"></inputing>
+			</transition>
 		</indexBG>
 		<div class="flex flex-col w-full h-full" :style="{'max-width': maxWeight + 'px'}">
 			<HeaderComponent
@@ -771,4 +772,15 @@ const click = () => {
 	justify-content: center;
 	align-items: center;
 }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
+  transition-timing-function: ease-in-out; /* 调整缓动函数 */
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+
 </style>