查看答案

src/components/Adult/Preview.vue

@@ -1020,7 +1020,7 @@
                     </template>
                   </div>
                 </div>
-                <!-- <div
+                <div
                   v-if="isAnswerItemShow && item.showSubmit"
                   style="text-align: right; padding: 10px 0px"
                 >
@@ -1030,7 +1030,7 @@
                     :style="{ fontSize: baseSizePhone + 'px' }"
                     >{{ submitCn ? submitCn : "查看答案" }}</a
                   >
-                </div> -->
+                </div>
               </div>
             </template>
           </div>
@@ -2073,29 +2073,54 @@
       :show-close="false"
       append-to-body
       :visible.sync="visiblePreviewDialog"
-      width="890px"
-      height="80%"
+      :width="isPhone ? '100%' : '890px'"
       class="previewDialog"
+      :top="'10%'"
     >
-      <div class="previewDialog-title">
-        <h2>Reference answer</h2>
-        <a @click="visiblePreviewDialog = false"
-          ><img src="../../assets/NPC/icon-close.png"
-        /></a>
-      </div>
-      <PreviewDialogueNPC
-        v-if="visiblePreviewDialog"
-        class="previewDialog-content"
-        :context="contextData"
-        :que-index="queIndex"
-        :father-name="fatherName"
-        :current-tree-i-d="currentTreeID"
-        :father-tree-data="FatherTreeData"
-        :change-id="changeId"
-        :theme-color="themeColor"
-        :task-model="'ANSWER'"
-        :NpcNewWordMp3="NpcNewWordMp3"
-      />
+      <template v-if="isPhone">
+        <div class="previewDialog-title">
+          <h2>Reference answer</h2>
+          <a @click="visiblePreviewDialog = false"
+            ><img src="../../assets/NPC/icon-close.png"
+          /></a>
+        </div>
+        <PreviewDialogueNPCPhone
+          v-if="visiblePreviewDialog"
+          class="previewDialog-content"
+          :context="contextData"
+          :que-index="queIndex"
+          :father-name="fatherName"
+          :current-tree-i-d="currentTreeID"
+          :father-tree-data="FatherTreeData"
+          :change-id="changeId"
+          :theme-color="themeColor"
+          :task-model="'ANSWER'"
+          :NpcNewWordMp3="NpcNewWordMp3"
+          :themeColorPhone="themeColorPhone[themeColorPhoneIndex]"
+          :baseSizePhone="baseSizePhone"
+        />
+      </template>
+      <template v-else>
+        <div class="previewDialog-title">
+          <h2>Reference answer</h2>
+          <a @click="visiblePreviewDialog = false"
+            ><img src="../../assets/NPC/icon-close.png"
+          /></a>
+        </div>
+        <PreviewDialogueNPC
+          v-if="visiblePreviewDialog"
+          class="previewDialog-content"
+          :context="contextData"
+          :que-index="queIndex"
+          :father-name="fatherName"
+          :current-tree-i-d="currentTreeID"
+          :father-tree-data="FatherTreeData"
+          :change-id="changeId"
+          :theme-color="themeColor"
+          :task-model="'ANSWER'"
+          :NpcNewWordMp3="NpcNewWordMp3"
+        />
+      </template>
     </el-dialog>
   </div>
 </template>