🎨 作品集展示方式修改

components/common/portfolio/list.vue

@@ -4,7 +4,7 @@
       <el-col v-for="portfolio in portfolios.portfolios" :key="portfolio.idPortfolio">
         <el-col class="card">
           <el-col class="card-body d-flex flex-column">
-            <el-col :span="4" class="mr-3">
+            <el-col :span="24" class="mr-3">
               <a v-show="portfolio.headImgUrl">
                 <el-image class="card-img-top" style="height: 10rem;" :src="portfolio.headImgUrl"></el-image>
               </a>
@@ -13,7 +13,7 @@
                           src="https://static.rymcu.com/article/1574441170152.jpg"></el-image>
               </a>
             </el-col>
-            <el-col :span="18">
+            <el-col :span="24">
               <h4 class="article-header-md">
                 <el-link rel="nofollow" @click="onRouter('portfolio',portfolio.idPortfolio)" :underline="false"
                          v-html="portfolio.portfolioTitle"></el-link>

pages/portfolio/_portfolio_id.vue

@@ -1,10 +1,7 @@
 <template>
   <el-row class="wrapper">
     <el-col>
-      <el-col :xs="3" :sm="3" :xl="3" class="mr-3">
-        <el-image :src="portfolio.headImgUrl"></el-image>
-      </el-col>
-      <el-col :xs="20" :sm="20" :xl="20">
+      <el-col>
         <el-col>
           <h1>{{ portfolio.portfolioTitle }}</h1>
         </el-col>
@@ -21,6 +18,9 @@
         <el-col v-if="isAuthor" style="margin-top: .5rem;text-align: left;">
           <el-button @click="managerPortfolio(portfolio.idPortfolio)" plain>管理</el-button>
         </el-col>
+        <el-col style="margin-top: 10px;">
+          <el-image :src="portfolio.headImgUrl"></el-image>
+        </el-col>
         <el-col style="margin-bottom: .5rem;" v-html="portfolio.portfolioDescription"></el-col>
       </el-col>
     </el-col>