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

fix(components): 修复产品页展示异常问题

Browse Source
This commit is contained in:
ronger 2024-02-20 19:42:25 +08:00
parent 0c4fb25471
commit 1babc8d0d7
1 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/common/product/list.vue
View File

@ -5,7 +5,8 @@
style="margin-bottom: 10px;"> style="margin-bottom: 10px;">
<el-card :body-style="{ padding: '20px' }"> <el-card :body-style="{ padding: '20px' }">
<div style="width: 96%;"> <div style="width: 96%;">
<img style="max-height: 300px;display: block;margin: 0 auto" :src="product.productImgUrl" object-fit="contain" ;/> <img style="max-height: 300px;display: block;margin: 0 auto" :src="product.productImgUrl"
object-fit="contain"/>
</div> </div>
<el-col :span="24"> <el-col :span="24">
<el-tag <el-tag
@ -17,10 +18,11 @@
# {{ tag }} # {{ tag }}
</el-tag> </el-tag>
</el-col> </el-col>
<el-col :span="24" style="font-size: 16px;line-height: 22px;font-weight: 500;margin: 4px 0;text-align: center;"> <el-col :span="24"
style="font-size: 16px;line-height: 22px;font-weight: 500;margin: 4px 0;text-align: center;">
<span style="font-weight: bolder;" v-html="product.productTitle"></span> <span style="font-weight: bolder;" v-html="product.productTitle"></span>
</el-col> </el-col>
<el-col span="24"> <el-col :span="24">
<small class="text-container"> <small class="text-container">
{{ product.productDescription }} {{ product.productDescription }}
</small> </small>
@ -168,6 +170,7 @@ h3, .h3 {
padding-right: 0.75rem; padding-right: 0.75rem;
padding-left: 0.75rem; padding-left: 0.75rem;
} }
.text-container { .text-container {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;