overview改为富文本,加背景色

src/views/reportEn/detail.vue

@@ -42,9 +42,10 @@
       </div>
       <div style="padding: 0.6rem; box-sizing: border-box; overflow: hidden">
         <!-- <div id="resetcss" style="overflow:hidden;" v-html="reportInfo.Content"></div> -->
-        <div id="overview" style="margin-bottom:10px;" v-if="reportInfo.Overview">
+        <div id="overview" style="margin-bottom:10px;font: 0.7rem/1.5 'segoe';" v-if="reportInfo.Overview">
           <p><strong>Overview:</strong></p>
-          <p id="overview-content">{{reportInfo.Overview||''}}</p>
+          <!-- <p id="overview-content">{{reportInfo.Overview||''}}</p> -->
+          <div class="overview" style="overflow:hidden;margin-top:20px;" v-html="reportInfo.Overview"></div>
         </div>
         <div id="resetcss" style="overflow:hidden;">
         <ul>
@@ -351,6 +352,11 @@ export default {
       margin-top: 1.5rem;
     }
   }
+  #overview{
+    padding:20px;
+    background-color: rgba(77, 130, 191, 0.1);
+    border: 1px solid #E2E2E2;
+  }
   table {
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;