From 2aad0f64286a2434a4d07e8405c39a781a4df4d5 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Thu, 1 Jul 2021 10:14:04 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20=E5=85=AC=E5=91=8A=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/announcement/list.vue | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/components/announcement/list.vue b/components/announcement/list.vue
index 83baca1..a2d67ba 100644
--- a/components/announcement/list.vue
+++ b/components/announcement/list.vue
@@ -1,12 +1,11 @@
 <template>
   <el-row class="wrapper">
     <el-col :xs="24" :sm="24" :xl="24" style="margin: 0 auto;">
-      <el-carousel :interval="5000" type="card" height="256px">
-        <el-carousel-item v-for="article in announcements.articles" :key="article.idArticle" style="padding-bottom: 1rem;">
-          <el-card style="height: 250px;">
+      <el-carousel :interval="5000" height="210px" indicator-position="outside" arrow="always">
+        <el-carousel-item v-for="article in announcements.articles" :key="article.idArticle">
+          <el-card>
             <div class="card-body d-flex flex-column">
-              <el-link rel="nofollow" @click="onRouter('article',article.articleLink)" :underline="false"
-                       style="margin-bottom: .7rem;">
+              <el-link :href="article.articleLink" style="margin-bottom: .7rem;">
                 <h4>
                   {{ article.articleTitle }}
                   <el-tag
@@ -18,6 +17,9 @@
                 </h4>
               </el-link>
               <div class="text-muted article-summary-md">{{ article.articlePreviewContent }}</div>
+              <div style="margin-top: 1rem;">
+                <small class="d-block text-muted">发布于 {{ article.timeAgo }}</small>
+              </div>
             </div>
           </el-card>
         </el-carousel-item>
@@ -33,13 +35,6 @@ export default {
     announcements: {
       type: Object
     }
-  },
-  methods: {
-    onRouter(name, data) {
-      this.$router.push({
-        path: data
-      })
-    }
   }
 }
 </script>