读汉字写拼音 移动端

src/components/Adult/preview/TextInputRecord.vue

@@ -2,6 +2,7 @@
 <template>
   <div
     class="Big-Book-prev-Textdes"
+    :class="[isPhone ? 'textInput-phone' : '']"
     v-if="
       curQue && judgeAnswer == 'standardAnswer'
         ? userErrList.length > 0
@@ -111,7 +112,7 @@ import AnswerTitle from "../preview/components/AnswerTitle.vue";
 
 export default {
   components: { Soundrecord, Audio, AudioLine, AnswerTitle },
-  props: ["curQue", "themeColor", "TaskModel", "judgeAnswer"],
+  props: ["curQue", "themeColor", "TaskModel", "judgeAnswer", "isPhone"],
   data() {
     return {
       resArr: [],
@@ -487,4 +488,12 @@ export default {
     }
   }
 }
+.textInput-phone {
+  ul {
+    padding: 10px;
+  }
+  .play-btn {
+    flex-shrink: 0;
+  }
+}
 </style>