fix:图片显示问题

src/views/template/readOnly.vue

@@ -12,7 +12,7 @@
           <div class="info-content" v-if="item2.type === 0">
             {{ item2.data.value }}
           </div>
-          <div class="info-content" v-if="item2.type === 10">
+          <div class="info-content info-content--area" v-if="item2.type === 10">
             {{ item2.data.value }}
           </div>
           <!-- 选择器 -->
@@ -312,10 +312,7 @@ li {
       overflow: hidden;
       white-space: nowrap;
     }
-    .info-content--pdf {
-      cursor: pointer;
-      color: rgba(63, 121, 254, 1);
-    }
+
     .info-content {
       font-size: 14px;
       font-weight: 400;
@@ -327,7 +324,6 @@ li {
         margin-bottom: 24px;
         video {
           width: 468px;
-          // height: 334px;
         }
       }
       .imgbox {
@@ -336,7 +332,7 @@ li {
         border: 1px solid rgba(235, 235, 235, 1);
         float: left;
         position: relative;
-        margin-bottom: 0;
+        margin-bottom: 6px;
         margin-right: 6px;
         &:hover {
           .ibox {
@@ -365,11 +361,18 @@ li {
         }
       }
     }
+    .info-content--pdf {
+      cursor: pointer;
+      color: rgba(63, 121, 254, 1);
+    }
+    .info-content--area {
+      word-wrap: break-word;
+      white-space: pre-wrap;
+    }
     .info-content--two {
       background: rgba(249, 249, 249, 1);
     }
     .info-content--bor {
-      // padding: 0 50px;
       /deep/ p {
         word-wrap: break-word;
       }