修改问题35、36

src/views/exercise_questions/create/components/exercises/ChineseQuestion.vue

@@ -44,6 +44,7 @@
             </div>
             <SoundRecord v-else :wav-blob.sync="item.audio_file_id" />
             <el-input v-if="data.property.learn_type !== 'learn'" v-model="item.definition" placeholder="输入释义" />
+            <el-input v-if="data.property.learn_type !== 'learn'" v-model="item.collocation" placeholder="输入搭配" />
             <SvgIcon icon-class="delete" class="delete pointer" @click="deleteOption(i, item.audio_file_id)" />
           </li>
         </ul>

src/views/exercise_questions/data/chinese.js

@@ -8,6 +8,7 @@ export function getOption(content = '') {
     audio_file_id: '',
     pinyin: '',
     definition: '',
+    collocation: '',
   };
 }
 // 汉字类型列表

src/views/exercise_questions/preview/ChinesePreview.vue

@@ -10,7 +10,7 @@
     <!-- 笔画学习 -->
     <div :class="['words-box', 'words-box-' + data.property.learn_type]">
       <div v-for="(item, index) in data.option_list" :key="index" :class="['words-item']">
-        <template v-if="item.content && item.content.trim()">
+        <template v-if="item.content && item.content.trim() && item.strokes">
           <div
             v-if="data.property.learn_type !== 'learn'"
             class="words-top"
@@ -25,7 +25,7 @@
               <AudioPlay :file-id="item.audio_file_id" theme-color="gray" />
               <span class="pinyin">{{ item.pinyin }}</span>
             </div>
-            <p class="words-right">{{ item.definition }}</p>
+            <p class="words-right">{{ item.definition + ' ' + item.collocation }}</p>
           </div>
           <template v-if="data.property.learn_type === 'paint'">
             <!-- 描红 -->

src/views/exercise_questions/preview/RepeatPreview.vue

@@ -62,21 +62,21 @@ export default {
   @include preview;
 
   .option-list {
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: 16px;
+    // display: flex;
+    // flex-wrap: wrap;
+    // row-gap: 16px;
 
     .option-item {
       display: flex;
       column-gap: 16px;
       align-items: center;
-      min-width: 40%;
-      max-width: 50%;
-      padding-right: 24px;
+      width: 90%;
+      margin-bottom: 16px;
 
       .option-content {
         flex: 1;
-        max-width: 306px;
+
+        // max-width: 306px;
         padding: 8px 16px;
         color: #706f78;
         background-color: #f9f8f9;