style

src/views/report/reportExternalDetail.vue

@@ -204,9 +204,7 @@ export default {
     });
   },
   mounted() {
-    // injectSdk().then(res => {
       this.getShareData()
-    // })
     window.addEventListener('scroll', this.loadMoreHandle);
   },
 
@@ -225,29 +223,19 @@ export default {
       .find("p")
       .css({
         margin: "0 auto 0",
-        // font: "0.7rem/1.5 'PingFang-SC-Regular'",
-        color: "#333",
+        // color: "#333",
         // letterSpacing: "0.08rem",
         // lineHeight: "1.3rem",
+        // font: "0.7rem/1.5 'PingFang-SC-Regular'",
         wordBreak: 'break-all'
       });
     $("#resetcss")
       .find("table")
       .css({
         width:'100%',
+        tableLayout: 'fixed',
         overflow:'auto'
       });
-    // $("#resetcss")
-    //   .find("span.fr-emoticon")
-    //   .css({
-    //     width: "20px",
-    //     height: "20px",
-    //     backgroundRepeat: "no-repeat",
-    //     backgroundSize: "cover",
-    //     display: "inline-block",
-    //     verticalAlign: "middle",
-    //   });
-    // $("#resetcss").find("ol").css({ listStyleType: "disc" });
     $("#resetcss")
       .find("pre")
       .css({ display: "block", whiteSpace: "pre-wrap" });
@@ -308,18 +296,18 @@ export default {
 
         // this.splitContentHandle();
 
-        $(document).on("click", "#resetcss img", function (event) {
-          let imgArray = [];
-          let curImageSrc = $(this).attr("src");
-          let oParent = $(this).parent();
-          if (curImageSrc && !oParent.attr("href")) {
-            $("#resetcss img").each(function (index, el) {
-              let itemSrc = $(this).attr("src");
-              imgArray.push(itemSrc);
-            });
-            wx.previewImage({ current: curImageSrc, urls: imgArray });
-          }
-        });
+        // $(document).on("click", "#resetcss img", function (event) {
+        //   let imgArray = [];
+        //   let curImageSrc = $(this).attr("src");
+        //   let oParent = $(this).parent();
+        //   if (curImageSrc && !oParent.attr("href")) {
+        //     $("#resetcss img").each(function (index, el) {
+        //       let itemSrc = $(this).attr("src");
+        //       imgArray.push(itemSrc);
+        //     });
+        //     wx.previewImage({ current: curImageSrc, urls: imgArray });
+        //   }
+        // });
 
         //水印
         localStorage.setItem('waterMarkStr',this.$route.query.flag||'')
@@ -513,7 +501,7 @@ export default {
       margin-top: 1.5rem;
     }
   }
-  table {
+  /* table {
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
     border-collapse: collapse;
@@ -524,16 +512,12 @@ export default {
       padding: 0.1rem 0.2rem;
       box-sizing: border-box;
     }
-  }
+  } */
   #resetcss {
     pre {
       white-space: pre-wrap;
     }
   }
-  // #element .element .element-content .main-container .content tbody td {
-  //   padding: 0.01rem 0;
-  //   word-break: break-all;
-  // }
   #tipsAlert {
     width: 100%;
     height: 100%;
@@ -589,4 +573,12 @@ export default {
     }
   }
 }
+
+@media screen and (max-width:650px) {
+  #resetcss table {
+    p,span {
+      font-size: 12px !important;
+    }
+  }
+}
 </style>