选择拖拽移动端

src/components/Adult/Preview.vue

@@ -654,6 +654,7 @@
                         :theme-color="themeColor"
                         :task-model="TaskModel"
                         :judge-answer="itemJ"
+                        :isPhone="isPhone"
                       />
                     </template>
                     <template v-if="itemss.type === 'fill_drag'">

src/components/Adult/preview/SelectDrag.vue

@@ -2,6 +2,7 @@
 <template>
   <div
     class="select-drag"
+    :class="[isPhone ? 'select-drag-phone' : '']"
     v-if="curQue && judgeAnswer == 'standardAnswer' ? IsError : true"
   >
     <!-- 选项 -->
@@ -170,6 +171,10 @@ export default {
     judgeAnswer: {
       type: String,
       required: true
+    },
+    isPhone: {
+      type: Boolean,
+      required: true
     }
   },
   data() {
@@ -476,12 +481,21 @@ export default {
       }
     }
   }
-
+  &-phone {
+    .select-drag-options {
+      padding: 10px;
+      .draggable-options {
+        gap: 10px;
+      }
+    }
+  }
   &-sentences {
     .drag-sentence {
       margin-top: 24px;
       display: flex;
       align-items: center;
+      flex-flow: wrap;
+      row-gap: 5px;
       .correct {
         background: rgba(44, 167, 103, 0.1);
         /* 正确答案 */
@@ -507,6 +521,7 @@ export default {
         border-radius: 50%;
         background-color: #32a5d8;
         margin-right: 12px;
+        flex-shrink: 0;
       }
 
       &-item {