style:通知

@@ -7,8 +7,10 @@
       <div style="margin-right:5px"></div>
       <div ref="back" class="back">
         <div ref="text" class="text" @mouseover="mouseOver" @mouseleave="mouseLeave">
-          <p v-for="(item, index) in noticeList" :key="index" @click="handleNotice(item)">
-            {{ item.noticeTitle }}
+          <p v-for="(item, index) in noticeList" :key="index">
+            <span> {{ item.noticeTitle }}</span>
+            <span class="noticePublishTime">{{ item.noticePublishTime }}</span>
+            <el-button type="text" @click="handleNotice(item)" style="color:#F56C6C;font-size: 14px;">[点击查看]</el-button>
           </p>
         </div>
       </div>
@@ -113,7 +115,6 @@ export default {
   align-items: center;
   width: 100%;
   height: 28px;
-  line-height: 28px;
   background: rgba(0, 0, 0, 0.1);
 
   .icon {
@@ -141,7 +142,11 @@ export default {
       display: flex;
 
       p {
-        margin-right: 10px;
+        margin-right: 80px;
+        display: flex;
+        align-items: center;
+        height: 28px;
+        line-height: 28px;
       }
     }
   }