调整格式

src/App.vue

@@ -2,7 +2,7 @@
   <a-config-provider :locale="zh_CN">
     <div class="d-flex flex-row flex-nowrap" id="app">
       <btn-con />
-      <router-view class="flex-1 bg"></router-view>
+      <router-view class="flex-1 bg pa-3"></router-view>
     </div>
   </a-config-provider>
 </template>

src/common/portrait.styl

@@ -250,6 +250,10 @@
 }
 
 // font
+.font-bold{
+  font-weight: bold;
+}
+
 .font-bold-24{
   font-size: 24px;
   font-weight: bold;

src/views/Index/Index.vue

@@ -1,22 +1,22 @@
 <template>
   <div class="flex-wrap">
-    <div style="width: 96%; height: auto; margin: 10px 2%">
-      <a-card title="病例统计" style="width: 100%; height: 400px">
+    <div class="fill-width mb-3">
+      <a-card style="width: 100%; height: 400px" title="病例统计">
         <treemap />
       </a-card>
     </div>
-    <div style="width: 96%; height: auto; margin: 10px 2%">
-      <a-card title="各院病例分析" style="width: 100%; height: 400px">
+    <div class="fill-width mb-3">
+      <a-card style="width: 100%; height: 400px" title="各院病例分析">
         <categorymap />
       </a-card>
     </div>
-    <div style="width: 96%; height: auto; margin: 10px 2%">
-      <a-card title="每日病例统计" style="width: 100%; height: 400px">
+    <div class="fill-width mb-3">
+      <a-card style="width: 100%; height: 400px" title="每日病例统计">
         <cisualmap />
       </a-card>
     </div>
-    <div style="width: 96%; height: auto; margin: 10px 2%">
-      <a-card title="各医院生物样本统计" style="width: 100%; height: 400px">
+    <div class="fill-width">
+      <a-card style="width: 100%; height: 400px" title="各医院生物样本统计">
         <piemap />
       </a-card>
     </div>

src/views/Meeting/Meeting.vue

@@ -163,7 +163,7 @@ export default {
 
 <style lang="stylus" scoped>
 .metting {
-  width: 80%;
-  margin: 30px 10%;
+  width: 100%;
+  // margin: 30px 10%;
 }
 </style>

src/views/MeetingPreview/MeetingPreview.vue

@@ -1,37 +1,37 @@
 <template>
   <div>
-    <div class="metting">
+    <div class="fill-width">
       <a-card :bordered="false" title="会议记录预览">
         <div slot="extra">
           <a-button @click="$router.push('/Meeting')" type="primary">返回</a-button>
         </div>
-        <a-list>
+        <a-list bordered class="metting">
           <a-list-item>
-            <span class="font-bold-14 mb-2">会议时间：</span>
+            <span class="font-bold mb-2">会议时间：</span>
             {{ startTime }}至{{ endTime }}
           </a-list-item>
           <a-list-item>
-            <span class="font-bold-14 mb-2">会议地点：</span>
+            <span class="font-bold mb-2">会议地点：</span>
             {{ place }}
           </a-list-item>
           <a-list-item>
-            <span class="font-bold-14 mb-2">主持人：</span>
+            <span class="font-bold mb-2">主持人：</span>
             {{ host }}
           </a-list-item>
           <a-list-item class="d-flex flex-column align-left">
-            <span class="font-bold-14 mb-2">参会人员：</span>
+            <span class="font-bold mb-2">参会人员：</span>
             <div class="fill-width">
               <span v-dompurify-html="participants"></span>
             </div>
           </a-list-item>
           <a-list-item class="d-flex flex-column align-left">
-            <span class="font-bold-14 mb-2">研讨内容：</span>
+            <span class="font-bold mb-2">研讨内容：</span>
             <div class="fill-width">
               <span v-dompurify-html="content"></span>
             </div>
           </a-list-item>
           <a-list-item class="d-flex flex-column align-left">
-            <span class="font-bold-14 mb-2">会议纪要：</span>
+            <span class="font-bold mb-2">会议纪要：</span>
             <div class="fill-width">
               <span v-dompurify-html="meetingMinutes"></span>
             </div>
@@ -68,5 +68,11 @@ export default {
 .metting {
   width: 80%;
   margin: 30px 10%;
+  // font-size: 16px;
+}
+
+.metting >>> .ant-list-item {
+  padding-left: 16px;
+  padding-right: 16px;
 }
 </style>