From 8b7e32bfb2e415b69a83b941431b94c4758645db Mon Sep 17 00:00:00 2001
From: clay <20932067@zju.edu.cn>
Date: Wed, 5 Oct 2022 01:13:18 +0800
Subject: [PATCH] =?UTF-8?q?clay=20commit=20:=20=E9=80=9A=E7=9F=A5=E5=85=AC?=
 =?UTF-8?q?=E5=91=8A=E8=B0=83=E6=95=B4=E5=AE=8C=E6=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index/components/announcements.vue | 88 +++++++-------------
 1 file changed, 32 insertions(+), 56 deletions(-)

diff --git a/src/views/index/components/announcements.vue b/src/views/index/components/announcements.vue
index 9e0d4b1..5486a31 100644
--- a/src/views/index/components/announcements.vue
+++ b/src/views/index/components/announcements.vue
@@ -1,33 +1,21 @@
 <template>
   <div class="announcements">
-    <el-row>
-      <el-col :span="5">
-        <div class="grid-content"></div>
-      </el-col>
-      <el-col :span="14">
-        <div class="headline">
-          <div class="line_left">
-            <img src="../../../assets/index/announcements/gang1.png" alt="">
-          </div>
-          <div class="title">
-            通知公告
-          </div>
-          <div class="line_right">
-            <img src="../../../assets/index/announcements/gang2.png" alt="">
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="5">
-        <div class="grid-content"></div>
-      </el-col>
-      <el-col :span="14">
-        <el-row justify="space-between">
-          <el-col :span="1">
-            <div class="grid-content"></div>
-          </el-col>
-          <el-col :span="6">
+    <div class="headline">
+      <div class="line_left">
+        <img src="../../../assets/index/announcements/gang1.png" alt="">
+      </div>
+      <div class="title">
+        通知公告
+      </div>
+      <div class="line_right">
+        <img src="../../../assets/index/announcements/gang2.png" alt="">
+      </div>
+    </div>
+
+    <el-row type="flex" justify="center">
+      <el-col  :xs="23" :sm="20" :md="16" :lg="12" :xl="12">
+        <el-row type="flex" justify="space-between">
+          <el-col  :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
             <div class="announcements_text">
               <div class="announcements_text_line_time">
                 <div class="announcements_text_line_time_btime">27</div>
@@ -40,10 +28,7 @@
               </div>
             </div>
           </el-col>
-          <el-col :span="1">
-            <div class="grid-content"></div>
-          </el-col>
-          <el-col :span="6">
+          <el-col  :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
             <div class="announcements_text">
               <div class="announcements_text_line_time">
                 <div class="announcements_text_line_time_btime">27</div>
@@ -56,10 +41,7 @@
               </div>
             </div>
           </el-col>
-          <el-col :span="1">
-            <div class="grid-content"></div>
-          </el-col>
-          <el-col :span="6">
+          <el-col  :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
             <div class="announcements_text">
               <div class="announcements_text_line_time">
                 <div class="announcements_text_line_time_btime">27</div>
@@ -72,25 +54,14 @@
               </div>
             </div>
           </el-col>
-          <el-col :span="1">
-            <div class="grid-content"></div>
-          </el-col>
         </el-row>
       </el-col>
     </el-row>
 
-    <el-row>
-      <el-col :span="5">
-        <div class="grid-content"></div>
-      </el-col>
-      <el-col :span="14">
-        <div class="more">
-          <span class="more_text">更多</span>
-          <img src="../../../assets/index/news_center/gd_icon.png" alt="">
-        </div>
-      </el-col>
-    </el-row>
-
+    <div class="more">
+      <span class="more_text">更多</span>
+      <img src="../../../assets/index/news_center/gd_icon.png" alt="">
+    </div>
   </div>
 </template>
 
@@ -169,17 +140,19 @@ export default {
       }
     }
 
-    &_line{
+    &_line {
       //width: 216px;
       width: 100%;
       height: .2rem;
-      background: linear-gradient(240deg, rgba(0,77,175,0) 0%, rgba(0,77,174,0.67) 47%, #004DAE 100%);
+      background: linear-gradient(240deg, rgba(0, 77, 175, 0) 0%, rgba(0, 77, 174, 0.67) 47%, #004DAE 100%);
       margin-bottom: 2.3rem;
     }
-    &_title{
-      &:hover{
+
+    &_title {
+      &:hover {
         color: #0049AF;
       }
+
       width: 100%;
       height: 3.8rem;
       font-size: 1.4rem;
@@ -189,7 +162,8 @@ export default {
       letter-spacing: .1rem;
       margin-bottom: .6rem;
     }
-    &_content{
+
+    &_content {
       width: 100%;
       height: 7rem;
       font-size: 1rem;
@@ -199,6 +173,7 @@ export default {
       letter-spacing: .1rem;
     }
   }
+
   .more {
     width: 100%;
     display: flex;
@@ -206,6 +181,7 @@ export default {
     height: 2.3rem;
     margin-top: 2.6rem;
     cursor: pointer;
+
     .more_text {
       font-size: 1.6rem;
       font-weight: 500;