🎨 作品集展示方式修改

This commit is contained in:
ronger 2021-01-06 16:23:44 +08:00
parent 56dcc63378
commit 6dcfb0a0d2
2 changed files with 6 additions and 6 deletions

View File

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

View File

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