style: new chat form

liou666 · May 8, 2023 · f74e096 · f74e096
1 parent 816230d
commit f74e096
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/src/hooks/useSpeechService.ts b/src/hooks/useSpeechService.ts
@@ -113,6 +113,7 @@ export const useSpeechService = ({ langs = <const>['fr-FR', 'ja-JP', 'en-US', 'z
 
     recognizer.value.sessionStopped = (s, e) => {
       console.log('\n    Session stopped event.')
+      isRecognizing.value = false
       recognizer.value.stopContinuousRecognitionAsync()
     }
 

diff --git a/src/pages/Home/components/NewChat.vue b/src/pages/Home/components/NewChat.vue
@@ -100,19 +100,20 @@ const previewSpeech = () => {
       <label for="">备注</label>
       <input v-model="desc" type="text">
     </div>
-    <div flex>
-      <label for="">语音</label>
-      <div w-55 flex>
-        <ElCascader v-model="voiceValue" style="width: 220px;" :options="options" />
-      </div>
+    <div
+      class="flex ml-[-30px]"
+    >
+      <label for="">
+        场景预设</label>
+      <textarea v-model="presets" :rows="4" placeholder="system prompt..." />
     </div>
     <div flex>
-      <label for="">语速</label>
+      <label for="">语音</label>
       <div w-55 flex>
-        <input v-model="rate" flex-1 type="range" step="0.1" min="0.1" max="2.0">
-        <span w-4 ml-1>{{ Number(rate).toFixed(1) }}</span>
+        <ElCascader v-model="voiceValue" filterable placeholder="select voice" style="width: 220px;" :options="options" />
       </div>
     </div>
+
     <div class="ml-[-30px] relative center-y">
       <div flex>
         <label for="">语音预览</label>
@@ -127,15 +128,15 @@ const previewSpeech = () => {
         </button>
       </div>
     </div>
-
-    <!-- todo -->
-    <div
-      class="flex ml-[-30px]"
-    >
-      <label for="">
-        场景预设</label>
-      <textarea v-model="presets" :rows="4" placeholder="system prompt..." />
+    <div flex>
+      <label for="">语速</label>
+      <div w-55 flex>
+        <input v-model="rate" flex-1 type="range" step="0.1" min="0.1" max="2.0">
+        <span w-4 ml-1>{{ Number(rate).toFixed(1) }}</span>
+      </div>
     </div>
+    <!-- todo -->
+
     <div center-y text-sm text-gray-500>
       <i inline-block w-4 h-4 m-1 cursor-auto i-ic:baseline-lightbulb />
       点击头像可更换头像