Browse Source

听读训练 选项

natasha 1 year ago
parent
commit
dac5d85892

+ 14 - 5
src/views/exercise_questions/create/components/exercises/RepeatQuestion.vue

@@ -27,7 +27,11 @@
       <div class="content">
         <label class="title-little">内容</label>
         <ul>
-          <li v-for="(item, i) in data.option_list" :key="i" class="content-item repeat-option">
+          <li
+            v-for="(item, i) in data.option_list"
+            :key="i + Math.random().toString(36).slice(-6)"
+            class="content-item repeat-option"
+          >
             <span class="question-number" @dblclick="changeOptionType(data)">
               {{ computedQuestionNumber(i, data.option_number_show_mode) }}.
             </span>
@@ -35,7 +39,6 @@
               <RichText v-model="item.content" placeholder="输入内容" :inline="true" />
             </div>
             <UploadAudio
-              v-if="Math.random().toString(36).slice(-6)"
               :file-id="item.file_id_list?.[0]"
               :item-index="i"
               @upload="uploads"
@@ -158,11 +161,17 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
-<style lang="scss">
+<style lang="scss" scoped>
 .repeat-option {
-  .upload-wrapper {
+  :deep .upload-wrapper {
     margin-top: 0;
   }
+
+  :deep .file-name {
+    width: 140px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
 </style>