更新

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); */

src/components/animation/inputing.vue

@@ -28,8 +28,8 @@
   bottom: -2em;
 }
 .dots {
-  width: 20em;
+  width: 28em;
-  height: 20em;
+  height: 28em;
   display: grid;
   grid-template-rows: repeat(3, 1fr);
   grid-template-columns: repeat(3, 1fr);
@@ -38,8 +38,8 @@
 }
 
 .dots > div {
-  width: 4em;
+  width: 6em;
-  height: 4em;
+  height: 6em;
   background-color: #7fe7c4;
   border-radius: 50%;
   animation: fade 1.5s alternate ease-in-out infinite;

src/components/animation/lodingCir.vue

@@ -18,8 +18,8 @@
   bottom: -2em;
 }
 .div {
-  width: 20em;
+  width: 28em;
-  height: 20em;
+  height: 28em;
   border: 3em solid transparent;
   border-top-color: #7fe7c4;
   border-bottom-color: #7fe7c4;

src/components/animation/lodingSpin.vue

@@ -27,9 +27,9 @@
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	width: 20em;
+	width: 28em;
-	height: 20em;
+	height: 28em;
-	transform: scale(5);
+	transform: scale(7);
 }
 .loader {
   position: relative;

src/components/animation/playing.vue

@@ -20,9 +20,9 @@
 
 .div {
   display: flex;
-  width: 20em;
+  width: 28em;
-  height: 20em;
+  height: 28em;
-  border: 1em solid transparent;
+  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;
+  width: 13em;
-  height: 10em;
+  height: 13em;
-  border: 1em solid #7fe7c4;
+  border: 2em solid #7fe7c4;
   border-radius: 50%;
   animation: pulse 1s alternate ease-in-out infinite;
 }

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;
+  width: 5em;
-  height: 6em;
+  height: 9em;
   background-color: #7fe7c4;
 }
 

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

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('无效指令')