From 9aec1b9871bf2c215bed5fb87a134bc3e98a61bf Mon Sep 17 00:00:00 2001
From: shengchanzhe <179998674@qq.com>
Date: Sun, 15 Oct 2023 16:05:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/animation/indexBG.vue        |  2 +-
 src/components/animation/inputing.vue       |  8 ++++----
 src/components/animation/lodingCir.vue      |  4 ++--
 src/components/animation/lodingSpin.vue     |  6 +++---
 src/components/animation/playing.vue        | 12 ++++++------
 src/components/animation/recording.vue      |  8 ++++----
 src/views/chat/components/Message/index.vue |  4 ++--
 src/views/chat/index.vue                    |  4 +++-
 8 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/components/animation/indexBG.vue b/src/components/animation/indexBG.vue
index ec9052f..87922d7 100644
--- a/src/components/animation/indexBG.vue
+++ b/src/components/animation/indexBG.vue
@@ -9,7 +9,7 @@
 
 <style scoped>
 .box {
-	width: 24em;
+	width: 32em;
 	height: 100%;
 	border-radius: 20px;
 	/* background-color: rgba(97, 161, 140, 0.3); */
diff --git a/src/components/animation/inputing.vue b/src/components/animation/inputing.vue
index 53a1b97..94504ec 100644
--- a/src/components/animation/inputing.vue
+++ b/src/components/animation/inputing.vue
@@ -28,8 +28,8 @@
   bottom: -2em;
 }
 .dots {
-  width: 20em;
-  height: 20em;
+  width: 28em;
+  height: 28em;
   display: grid;
   grid-template-rows: repeat(3, 1fr);
   grid-template-columns: repeat(3, 1fr);
@@ -38,8 +38,8 @@
 }
 
 .dots > div {
-  width: 4em;
-  height: 4em;
+  width: 6em;
+  height: 6em;
   background-color: #7fe7c4;
   border-radius: 50%;
   animation: fade 1.5s alternate ease-in-out infinite;
diff --git a/src/components/animation/lodingCir.vue b/src/components/animation/lodingCir.vue
index 69b4e07..2a65ee5 100644
--- a/src/components/animation/lodingCir.vue
+++ b/src/components/animation/lodingCir.vue
@@ -18,8 +18,8 @@
   bottom: -2em;
 }
 .div {
-  width: 20em;
-  height: 20em;
+  width: 28em;
+  height: 28em;
   border: 3em solid transparent;
   border-top-color: #7fe7c4;
   border-bottom-color: #7fe7c4;
diff --git a/src/components/animation/lodingSpin.vue b/src/components/animation/lodingSpin.vue
index b71b6aa..de94a82 100644
--- a/src/components/animation/lodingSpin.vue
+++ b/src/components/animation/lodingSpin.vue
@@ -27,9 +27,9 @@
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	width: 20em;
-	height: 20em;
-	transform: scale(5);
+	width: 28em;
+	height: 28em;
+	transform: scale(7);
 }
 .loader {
   position: relative;
diff --git a/src/components/animation/playing.vue b/src/components/animation/playing.vue
index 026dc96..2fc2e3a 100644
--- a/src/components/animation/playing.vue
+++ b/src/components/animation/playing.vue
@@ -20,9 +20,9 @@
 
 .div {
   display: flex;
-  width: 20em;
-  height: 20em;
-  border: 1em solid transparent;
+  width: 28em;
+  height: 28em;
+  border: 2em solid transparent;
   border-top-color: #7fe7c4;
   border-bottom-color: #7fe7c4;
   border-radius: 50%;
@@ -33,9 +33,9 @@
   content: '';
   display: block;
   margin: auto;
-  width: 10em;
-  height: 10em;
-  border: 1em solid #7fe7c4;
+  width: 13em;
+  height: 13em;
+  border: 2em solid #7fe7c4;
   border-radius: 50%;
   animation: pulse 1s alternate ease-in-out infinite;
 }
diff --git a/src/components/animation/recording.vue b/src/components/animation/recording.vue
index 7f6d725..c43ca69 100644
--- a/src/components/animation/recording.vue
+++ b/src/components/animation/recording.vue
@@ -42,19 +42,19 @@ setInterval(() => {
   text-align: center;
   position: absolute;
   left: 0;
-  bottom: -6em;
+  bottom: -8.5em;
 }
 .div {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   justify-content: space-between;
-  width: 20em;
+  width: 28em;
 }
 
 span {
-  width: 3em;
-  height: 6em;
+  width: 5em;
+  height: 9em;
   background-color: #7fe7c4;
 }
 
diff --git a/src/views/chat/components/Message/index.vue b/src/views/chat/components/Message/index.vue
index 38f4928..3ddc77a 100644
--- a/src/views/chat/components/Message/index.vue
+++ b/src/views/chat/components/Message/index.vue
@@ -170,7 +170,7 @@ const stopPlay = () => {
     item.pause()
     item.currentTime = 0
   })
-  audioElements.length = 0
+  // audioElements.length = 0
 }
 
 onUpdated(() => {
@@ -180,7 +180,7 @@ onUpdated(() => {
   }
 })
 
-console.log('组件渲染 ', props.text, props.tts)
+// console.log('组件渲染 ', props.text, props.tts)
 
 const playStatus = ref('end')
 let playing = 0
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index 36ed75d..2e90644 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -120,7 +120,9 @@ const reOrder = () => {
     reRecordXunfei()
     prompt.value = ''
     recordFalg.value = 1
-    nowStatus.value = 'record'
+    setTimeout(() => {
+      nowStatus.value = 'record'
+    }, 1600)
   }
   else {
     console.log('无效指令')