From c826bd253887ba59c517b172d033073268c9285f Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Fri, 13 Oct 2023 15:48:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/animation/lodingSpin.vue | 12 +++++++++++-
 src/views/chat/index.vue                |  4 +++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/animation/lodingSpin.vue b/src/components/animation/lodingSpin.vue
index f2449e2..776d2af 100644
--- a/src/components/animation/lodingSpin.vue
+++ b/src/components/animation/lodingSpin.vue
@@ -1,12 +1,22 @@
 <template>
-  <div class="loader">
+  <div class="spin">
+		<div class="loader">
     <div class="outer" />
     <div class="middle" />
     <div class="inner" />
   </div>
+	</div>
 </template>
 
 <style scoped>
+.spin{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 20em;
+	height: 20em;
+	transform: scale(5);
+}
 .loader {
   position: relative;
 }
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index e1600ea..9807a16 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -26,6 +26,7 @@ import recording from "@/components/animation/recording.vue"
 import inputing from "@/components/animation/inputing.vue"
 import loding from "@/components/animation/loding.vue"
 import lodingCir from "@/components/animation/lodingCir.vue"
+import lodingSpin from "@/components/animation/lodingSpin.vue"
 
 import IatRecorder from '@/utils/test.js'
 // import IatRecorder from '@/utils/larRcorder.js'
@@ -613,7 +614,8 @@ window.addEventListener('test', (e) => {
 			<transition mode="out-in" name="fade">
 				<inputing v-if="nowStatus=='input'" key="input"></inputing>
 				<recording v-else-if="nowStatus=='record'" key="record"></recording>
-				<loding v-else-if="nowStatus=='loding'" key="loding"></loding>
+				<!-- <loding v-else-if="nowStatus=='loding'" key="loding"></loding> -->
+				<lodingSpin v-else-if="nowStatus=='loding'" key="loding"></lodingSpin>
 				<!-- <lodingCir v-else-if="nowStatus=='loding'" key="loding"></lodingCir> -->
 			</transition>
 		</indexBG>