音调选择 移动端

src/components/Adult/Preview.vue

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

src/components/Adult/preview/SelectTone.vue

@@ -1,6 +1,10 @@
 <!--  -->
 <template>
-  <div class="Big-Book-prev-Textdes SelectTone" v-if="isShowTemp">
+  <div
+    class="Big-Book-prev-Textdes SelectTone"
+    v-if="isShowTemp"
+    :class="[isPhone ? 'SelectTone-phone' : '']"
+  >
     <div
       class="aduioLine-box"
       v-if="
@@ -66,7 +70,7 @@ import AudioLine from "../preview/AudioLine.vue";
 
 export default {
   components: { Audio, AudioLine },
-  props: ["curQue", "themeColor", "TaskModel", "judgeAnswer"],
+  props: ["curQue", "themeColor", "TaskModel", "judgeAnswer", "isPhone"],
   data() {
     return {
       toneList: [
@@ -400,6 +404,19 @@ export default {
     }
   }
 }
+.SelectTone-phone {
+  ul {
+    padding: 10px;
+    box-sizing: border-box;
+    li {
+      flex: 1;
+    }
+    .op-li {
+      width: 100% !important;
+      margin: 5px 0 !important;
+    }
+  }
+}
 </style>
 <style lang="scss">
 .SelectTone.Big-Book-prev-Textdes {