修改首页通知详情样式

src/views/index.vue

@@ -73,16 +73,16 @@
 
     <!--  新闻详情  -->
     <DialogCom
-      title="详情"
+      title="通知公告"
       :visible.sync="show"
       width="1000px"
       append-to-body
       @close="handleClose">
       <div class="panel-box" v-if="selectMsg">
         <h2>{{selectMsg.title}}</h2>
-        <p>{{selectMsg.publishTime}}</p>
+        <p>发布日期：{{selectMsg.publishTime}}</p>
         <div class="content-box">
-          <p>{{selectMsg.content}}</p>
+          <p class="text-box">{{selectMsg.content}}</p>
           <div>
             附件：
             <ul v-if="selectMsg.fileList && selectMsg.fileList.length > 0">
@@ -390,6 +390,7 @@ export default {
 .panel-box{
   >h2{
     text-align: center;
+    margin-top: 0;
   }
   >p{
     font-size: 14px;
@@ -397,8 +398,6 @@ export default {
     text-align: end;
   }
   .content-box{
-    max-height: 600px;
-    overflow: auto;
     >p{
       text-indent: 2em;
       word-break: break-word;
@@ -406,6 +405,10 @@ export default {
       text-align: justify;
       width: 100%;
       color: #777;
+      max-height: 450px;
+      overflow: auto;
+      background-color: #f5f5f5;
+      padding: 10px;
     }
     >div{
       >ul{