From 205ce8921d187f1cd1437228928d8754b1f832d4 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Mon, 15 Mar 2021 21:04:12 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=E6=89=8B=E6=9C=BA=E7=AB=AF=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/portfolio/list.vue | 32 +++++++++++++++-------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/components/common/portfolio/list.vue b/components/common/portfolio/list.vue
index 2daeb0a..4d1a3a7 100644
--- a/components/common/portfolio/list.vue
+++ b/components/common/portfolio/list.vue
@@ -1,34 +1,36 @@
 <template>
   <div class="wrapper">
     <el-row class="row-cards row-deck" :gutter="20">
-      <el-col :span="8" v-for="portfolio in portfolios.portfolios" :key="portfolio.idPortfolio">
+      <el-col :xs="24" :sm="10" :md="8" v-for="portfolio in portfolios.portfolios" :key="portfolio.idPortfolio">
         <el-col v-if="portfolio.headImgUrl" style="margin-bottom: 20px;">
           <el-card :body-style="{ padding: '0px' }">
-            <el-col style="padding: 0;">
+            <div style="padding: 0;">
               <el-image :src="portfolio.headImgUrl" style="width:281px;height: 281px;" fit="cover"></el-image>
-            </el-col>
-            <el-col style="padding: 0 10px;">
+            </div>
+            <div style="padding: 0 10px;">
               <h4 class="article-header-md">
-                <el-link rel="nofollow" @click="onRouter('portfolio',portfolio.idPortfolio)" :underline="false"
-                         v-html="portfolio.portfolioTitle"></el-link>
+                <el-link rel="nofollow" @click="onRouter('portfolio',portfolio.idPortfolio)" :underline="false">
+                  {{ portfolio.portfolioTitle }}
+                </el-link>
               </h4>
-            </el-col>
-            <el-col class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</el-col>
+            </div>
+            <div class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</div>
           </el-card>
         </el-col>
         <el-col v-else style="margin-bottom: 20px;">
           <el-card :body-style="{ padding: '0px' }">
-            <el-col style="padding: 0;">
+            <div style="padding: 0;">
               <el-image style="width:281px;height: 281px;" fit="cover">
               </el-image>
-            </el-col>
-            <el-col style="padding: 0 10px;">
+            </div>
+            <div style="padding: 0 10px;">
               <h4 class="article-header-md">
-                <el-link rel="nofollow" @click="onRouter('portfolio',portfolio.idPortfolio)" :underline="false"
-                         v-html="portfolio.portfolioTitle"></el-link>
+                <el-link rel="nofollow" @click="onRouter('portfolio',portfolio.idPortfolio)" :underline="false">
+                  {{ portfolio.portfolioTitle }}
+                </el-link>
               </h4>
-            </el-col>
-            <el-col class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</el-col>
+            </div>
+            <div class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</div>
           </el-card>
         </el-col>
       </el-col>