成绩报告展示一样

src/pages/achievement/show/index.vue

@@ -87,8 +87,8 @@
                                             <span>{{index+1}}. </span>{{item.userAnswer}}
                                         </div>
                                     </div>
-                                    <div v-else>
-                                        {{scope.row.answer}}
+                                    <div v-else v-html='scope.row.answer' style='white-space: pre-wrap'>
+<!--                                        {{scope.row.answer}}-->
                                     </div>
                                 </template>
                             </el-table-column>
@@ -486,4 +486,16 @@ export default {
     padding-top: 20px;
     border-top: 1px dashed #ccc;
 }
+pre {
+    white-space: pre-wrap;       /* css-3 */
+    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+    white-space: pre-wrap;      /* Opera 4-6 */
+    white-space: -o-pre-wrap;    /* Opera 7 */
+    word-wrap: break-word;       /* Internet Explorer 5.5+ */
+    word-break:break-all;
+    overflow:hidden;
+    font-size: 12px;
+    font-weight:400;
+    font-family:'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif
+}
 </style>