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

🐛 手机端显示问题修复

Browse Source
This commit is contained in:
ronger 2021-03-15 21:04:12 +08:00
parent f5f951e027
commit 205ce8921d
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
components/common/portfolio/list.vue
View File

@ -1,34 +1,36 @@
<template> <template>
<div class="wrapper"> <div class="wrapper">
<el-row class="row-cards row-deck" :gutter="20"> <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-col v-if="portfolio.headImgUrl" style="margin-bottom: 20px;">
<el-card :body-style="{ padding: '0px' }"> <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-image :src="portfolio.headImgUrl" style="width:281px;height: 281px;" fit="cover"></el-image>
</el-col> </div>
<el-col style="padding: 0 10px;"> <div style="padding: 0 10px;">
<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> {{ portfolio.portfolioTitle }}
</el-link>
</h4> </h4>
</el-col> </div>
<el-col class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</el-col> <div class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</div>
</el-card> </el-card>
</el-col> </el-col>
<el-col v-else style="margin-bottom: 20px;"> <el-col v-else style="margin-bottom: 20px;">
<el-card :body-style="{ padding: '0px' }"> <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 style="width:281px;height: 281px;" fit="cover">
</el-image> </el-image>
</el-col> </div>
<el-col style="padding: 0 10px;"> <div style="padding: 0 10px;">
<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> {{ portfolio.portfolioTitle }}
</el-link>
</h4> </h4>
</el-col> </div>
<el-col class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</el-col> <div class="text-muted article-summary-md">{{ portfolio.portfolioDescription }}</div>
</el-card> </el-card>
</el-col> </el-col>
</el-col> </el-col>