多选 移动端

src/components/Adult/phonePreview/CheckBoxModule.vue

@@ -1,11 +1,12 @@
 <!--  -->
 <template>
   <div
-    class="Big-Book-prev-Textdes CheckboxModule"
+    class="Big-Book-prev-Textdes CheckboxModule CheckboxModule-phone"
     v-if="curQue"
-    :class="[isPhone ? 'CheckboxModule-phone' : '']"
   >
-    <h2>{{ curQue.title }}</h2>
+    <h2 v-if="curQue.title" :style="{ fontSize: baseSizePhone + 2 + 'px' }">
+      {{ curQue.title }}
+    </h2>
     <el-checkbox
       v-model="curQue.Bookanswer[index]"
       v-for="(item, index) in curQue.option"
@@ -19,7 +20,7 @@
 <script>
 export default {
   components: {},
-  props: ["curQue", "TaskModel", "isPhone"],
+  props: ["curQue", "TaskModel", "baseSizePhone"],
   data() {
     return {
       userList: []
@@ -83,6 +84,7 @@ export default {
   }
   .el-checkbox__inner {
     border-color: #4d91f6;
+    background: transparent;
   }
 }
 .CheckboxModule-phone {