新闻排版

src/views/homepage/information/details.vue

@@ -18,15 +18,17 @@
             <el-breadcrumb-item>资讯详情</el-breadcrumb-item>
           </el-breadcrumb>
         </div>
-        <div class="news-head">
-          <h2>{{ dataObj.title }}</h2>
-          <div class="news-info">
-            <div>来源：{{ dataObj.source }}</div>
-            <div>发布时间：{{ dataObj.date }}</div>
+        <div style="width: 94%;margin: 0 auto">
+          <div class="news-head">
+            <h2>{{ dataObj.title }}</h2>
+            <div class="news-info">
+              <div>来源：{{ dataObj.source }}</div>
+              <div>发布时间：{{ dataObj.date }}</div>
+            </div>
+          </div>
+          <div class="news-body">
+            <p v-html="dataObj.content" />
           </div>
-        </div>
-        <div class="news-body">
-          <p v-html="dataObj.content" />
         </div>
       </div>
     </div>
@@ -521,7 +523,7 @@ export default {
   text-align: center;
   h2 {
     margin: 20px;
-    font-size: 42px;
+    font-size: 36px;
   }
   .news-info {
     display: flex;
@@ -537,7 +539,8 @@ export default {
   }
 }
 .news-body {
-  width: 100%;
+  width: 90%;
+  margin: 0 auto;
   padding: 0 10px;
   color: #666;
 }