修改富文本显示表格样式

src/views/innovation/detail.vue

@@ -69,7 +69,7 @@
                 <el-main>
                   <el-col :span="24">
                     <h2>{{ rulesInfo.title }}</h2>
-                    <div v-html="rulesInfo.content"></div>
+                    <div class="rich-text-container" v-html="rulesInfo.content"></div>
                   </el-col>
                 </el-main>
               </el-container>
@@ -319,6 +319,24 @@ const toSign = () => {
       :deep(.el-aside)::-webkit-scrollbar {
         display: none;
       }
+      h2 {
+        padding-bottom: 0.3em;
+        border-bottom: 1px solid #eaecef;
+      }
+      .rich-text-container {
+        :deep(table) {
+          border-collapse: collapse;
+        }
+        :deep(table) {
+          border: 1px solid black;
+        }
+        :deep(th) {
+          border: 1px solid black;
+        }
+        :deep(td) {
+          border: 1px solid black;
+        }
+      }
     }
   }
 }