peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 作品集 UI 更新

Browse Source
This commit is contained in:
ronger 2021-08-11 13:31:32 +08:00
parent edd5d422a9
commit 880e2c87ba
1 changed files with 126 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/portfolio/_portfolio_id.vue
View File

@ -4,11 +4,15 @@
<el-card :body-style="{ padding: '20px', borderRadius: '16px' }"> <el-card :body-style="{ padding: '20px', borderRadius: '16px' }">
<el-col style="padding-bottom: 20px;"> <el-col style="padding-bottom: 20px;">
<el-col :span="8" v-if="portfolio.headImgUrl"> <el-col :span="8" v-if="portfolio.headImgUrl">
<el-image style="width: 200px;height: 200px;border-radius: 16px;background: #f5f7fa;border: #f5f7fa solid 1px;" :src="portfolio.headImgUrl" :preview-src-list="[portfolio.headImgUrl]"></el-image> <el-image
style="width: 200px;height: 200px;border-radius: 16px;background: #f5f7fa;border: #f5f7fa solid 1px;"
:src="portfolio.headImgUrl" :preview-src-list="[portfolio.headImgUrl]"></el-image>
</el-col> </el-col>
<el-col :span="8" v-else> <el-col :span="8" v-else>
<el-image style="width: 200px;height: 200px;border-radius: 16px;background: #f5f7fa;border: #f5f7fa solid 1px;"> <el-image
<div slot="error" style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #f5f7fa;color: #909399;"> style="width: 200px;height: 200px;border-radius: 16px;background: #f5f7fa;border: #f5f7fa solid 1px;">
<div slot="error"
style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #f5f7fa;color: #909399;">
无图片 无图片
</div> </div>
</el-image> </el-image>
@ -25,7 +29,7 @@
</el-link> </el-link>
</el-col> </el-col>
<el-col style="font-size: 14px;"> <el-col style="font-size: 14px;">
<span style="padding-right: 1rem;">文章</span> {{portfolio.articleNumber}} 篇 <span style="padding-right: 1rem;">文章</span> {{ portfolio.articleNumber || 0 }} 篇
</el-col> </el-col>
<el-col style="margin-bottom: .5rem;font-size: 14px;" v-html="portfolio.portfolioDescription"></el-col> <el-col style="margin-bottom: .5rem;font-size: 14px;" v-html="portfolio.portfolioDescription"></el-col>
</el-col> </el-col>