更新

src/components/animation/indexBG.vue

@@ -3,14 +3,14 @@
 
 <template>
   <div class="box">
-		<slot></slot>
+    <slot />
   </div>
 </template>
 
 <style scoped>
 .box {
-	width: 400px;
+	width: 22em;
-	height: 300px;
+	height: 100%;
 	border-radius: 20px;
 	/* background-color: rgba(97, 161, 140, 0.3); */
 	/* position: fixed;

src/components/animation/inputing.vue

@@ -1,4 +1,5 @@
 <template>
+  <div style="position: relative;">
     <div class="dots">
       <div />
       <div />
@@ -10,9 +11,22 @@
       <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;

src/components/animation/recording.vue

@@ -1,13 +1,27 @@
 <template>
+  <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;

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
@@ -590,12 +590,12 @@ const footerClass = computed(() => {
 
 // 改变状态
 const changeNowStatus = (e: any) => {
-	console.log('收到数据',e);
+  console.log('收到数据', e)
   if (e != nowStatus.value) {
     switch (e) {
-			case 'playing': nowStatus.value = 'record';break;
+      case 'playing': nowStatus.value = 'record'; break
-			case 'loding': nowStatus.value = 'loding';break;
+      case 'loding': nowStatus.value = 'loding'; break
-			default: nowStatus.value = 'input';break;
+      default: nowStatus.value = 'input'; break
     }
   }
 }
@@ -618,9 +618,9 @@ window.addEventListener('test', (e) => {
     prompt.value = window.winText
 })
 
-setTimeout(() => {
+// setTimeout(() => {
-  nowStart.value = false
+//   nowStart.value = false
-}, 800)
+// }, 800)
 </script>
 
 <template>