From 8e39d23b3bf2928b3fa81806354102d3daafc982 Mon Sep 17 00:00:00 2001
From: shengchanzhe <179998674@qq.com>
Date: Fri, 13 Oct 2023 18:26:32 +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   |  6 ++---
 src/components/animation/inputing.vue  | 34 ++++++++++++++++++--------
 src/components/animation/recording.vue | 24 ++++++++++++++----
 src/views/chat/index.vue               | 28 ++++++++++-----------
 4 files changed, 60 insertions(+), 32 deletions(-)

diff --git a/src/components/animation/indexBG.vue b/src/components/animation/indexBG.vue
index 1cf51c3..659d364 100644
--- a/src/components/animation/indexBG.vue
+++ b/src/components/animation/indexBG.vue
@@ -3,14 +3,14 @@
 
 <template>
   <div class="box">
-		<slot></slot>
+    <slot />
   </div>
 </template>
 
 <style scoped>
 .box {
-	width: 400px;
-	height: 300px;
+	width: 22em;
+	height: 100%;
 	border-radius: 20px;
 	/* background-color: rgba(97, 161, 140, 0.3); */
 	/* position: fixed;
diff --git a/src/components/animation/inputing.vue b/src/components/animation/inputing.vue
index e8876d7..810b9c9 100644
--- a/src/components/animation/inputing.vue
+++ b/src/components/animation/inputing.vue
@@ -1,18 +1,32 @@
 <template>
-  <div class="dots">
-    <div />
-    <div />
-    <div />
-    <div />
-    <div />
-    <div />
-    <div />
-    <div />
-    <div />
+  <div style="position: relative;">
+    <div class="dots">
+      <div />
+      <div />
+      <div />
+      <div />
+      <div />
+      <div />
+      <div />
+      <div />
+      <div />
+    </div>
+    <p class="text">
+      等待中
+    </p>
   </div>
 </template>
 
 <style scoped>
+.text{
+  display: block;
+  width: 100%;
+  font-size: 1.5em;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  bottom: -2em;
+}
 .dots {
   width: 20em;
   height: 20em;
diff --git a/src/components/animation/recording.vue b/src/components/animation/recording.vue
index 63bef33..aa391c8 100644
--- a/src/components/animation/recording.vue
+++ b/src/components/animation/recording.vue
@@ -1,13 +1,27 @@
 <template>
-  <div class="div">
-    <span />
-    <span />
-    <span />
-    <span />
+  <div style="position: relative;">
+    <div class="div">
+      <span />
+      <span />
+      <span />
+      <span />
+    </div>
+    <p class="text">
+      输入中
+    </p>
   </div>
 </template>
 
 <style scoped>
+.text{
+  display: block;
+  width: 100%;
+  font-size: 1.5em;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  bottom: -2em;
+}
 .div {
   display: flex;
   flex-flow: row nowrap;
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index fd7bbde..e8dbcf7 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -108,7 +108,7 @@ const conversationList = computed(() =>
 const prompt = ref<string>('')
 const loading = ref<boolean>(false)
 const inputRef = ref<Ref | null>(null)
-const nowStatus = ref('input') // 当前系统状态, input等待, loding加载, record录音, start开始
+const nowStatus = ref('record') // 当前系统状态, input等待, loding加载, record录音, start开始
 const nowStart = ref(true) // 当前是否有消息, 有才显示聊天记录
 
 // 添加PromptStore
@@ -589,15 +589,15 @@ const footerClass = computed(() => {
 })
 
 // 改变状态
-const changeNowStatus = (e:any)=>{
-	console.log('收到数据',e);
-	if(e!=nowStatus.value){
-		switch(e){
-			case 'playing': nowStatus.value = 'record';break;
-			case 'loding': nowStatus.value = 'loding';break;
-			default: nowStatus.value = 'input';break;
-		}
-	}
+const changeNowStatus = (e: any) => {
+  console.log('收到数据', e)
+  if (e != nowStatus.value) {
+    switch (e) {
+      case 'playing': nowStatus.value = 'record'; break
+      case 'loding': nowStatus.value = 'loding'; break
+      default: nowStatus.value = 'input'; break
+    }
+  }
 }
 
 onMounted(() => {
@@ -618,9 +618,9 @@ window.addEventListener('test', (e) => {
     prompt.value = window.winText
 })
 
-setTimeout(() => {
-  nowStart.value = false
-}, 800)
+// setTimeout(() => {
+//   nowStart.value = false
+// }, 800)
 </script>
 
 <template>
@@ -681,7 +681,7 @@ setTimeout(() => {
                     :inversion="item.inversion"
                     :error="item.error"
                     :loading="item.loading"
-										@changeNowStatus="changeNowStatus"
+                    @changeNowStatus="changeNowStatus"
                     @regenerate="onRegenerate(index)"
                     @delete="handleDelete(index)"
                   />