Quellcode durchsuchen

输入+录音样式

natasha vor 1 Jahr
Ursprung
Commit
b4d3c2a09b

+ 0 - 1
src/views/book/courseware/data/article.js

@@ -65,7 +65,6 @@ export function getArticleData() {
     detail: [], // 分段分句分词详情
     word_time: [], // 字幕时间
     new_word_list: [], // 生词列表
-    sentence_list: [], // 句子列表
     sentence_list_mp: [], //句子+分词数组
   };
 }

+ 14 - 6
src/views/book/courseware/preview/components/record_input/RecordInputPreview.vue

@@ -15,7 +15,9 @@
         :rows="5"
         @blur="answer.answer_list.input = answer.answer_list.input.trim()"
       />
-      <SoundRecord ref="record" :type="data.size" class="record-box" />
+      <div class="voice-luyin">
+        <SoundRecord ref="record" :type="data.size" class="record-box" />
+      </div>
     </div>
   </div>
 </template>
@@ -55,14 +57,20 @@ export default {
 .select-preview {
   @include preview-base;
 
+  .voice-luyin {
+    display: flex;
+    align-items: center;
+    border-radius: 0 0 8px 8px;
+
+    :deep .record {
+      max-width: 280px;
+    }
+  }
+
   .record-box {
     width: max-content;
     padding: 6px 12px;
-    background-color: $fill-color;
-
-    :deep .record-time {
-      width: 100px;
-    }
+    background-color: #fff;
   }
 }
 </style>