🎨 作品集样式调整

This commit is contained in:
ronger 2021-07-29 11:23:46 +08:00
parent b9cfc98ef2
commit e5e7a30fbd

View File

@ -2,12 +2,17 @@
<el-row class="wrapper"> <el-row class="wrapper">
<el-col> <el-col>
<el-col> <el-col>
<el-col>
<el-col :span="6">
<el-image style="width: 200px;" :src="portfolio.headImgUrl"></el-image>
</el-col>
<el-col :span="12">
<el-col> <el-col>
<h1>{{ portfolio.portfolioTitle }}</h1> <h1>{{ portfolio.portfolioTitle }}</h1>
</el-col> </el-col>
<el-col style="margin-bottom: .5rem;"> <el-col style="margin-bottom: .5rem;">
<span class="text-default" style="padding-right: 1rem;">作者</span> <span class="text-default" style="padding-right: 1rem;">作者</span>
<el-link rel="nofollow" @click="onRouter('user', portfolio.portfolioAuthor.userAccount)" :underline="false" class="text-default"> <el-link target="_blank" :href="'/user/' + portfolio.portfolioAuthor.userAccount" class="text-default">
<el-avatar :src="portfolio.portfolioAuthorAvatarUrl" :size="16"></el-avatar> <el-avatar :src="portfolio.portfolioAuthorAvatarUrl" :size="16"></el-avatar>
{{ portfolio.portfolioAuthorName }} {{ portfolio.portfolioAuthorName }}
</el-link> </el-link>
@ -15,13 +20,14 @@
<el-col style="margin-bottom: .5rem;"> <el-col style="margin-bottom: .5rem;">
<span class="text-default" style="padding-right: 1rem;">文章</span> {{portfolio.articleNumber}} <span class="text-default" style="padding-right: 1rem;">文章</span> {{portfolio.articleNumber}}
</el-col> </el-col>
<el-col v-if="isAuthor" style="margin-top: .5rem;text-align: left;"> <el-col style="margin-bottom: .5rem;" v-html="portfolio.portfolioDescription"></el-col>
</el-col>
<el-col :span="6">
<el-col v-if="isAuthor" style="margin-top: .5rem;text-align: right;">
<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>
<el-col style="margin-bottom: .5rem;" v-html="portfolio.portfolioDescription"></el-col> </el-col>
</el-col> </el-col>
</el-col> </el-col>
<el-col> <el-col>