|
|
@@ -150,7 +150,7 @@ onMounted(() => {
|
|
|
<el-col v-for="(item, index) in tableOptions.data" :key="index" :lg="4" :md="6" :sm="8" :xl="4" :xs="12" class="my-2.5">
|
|
|
<el-card class="item-card" shadow="hover" :body-style="{ padding: '20px 20px 5px 20px' }">
|
|
|
<div class="image-wrapper">
|
|
|
- <el-image :src="getImageUrl(item.images)" alt="电脑图片" class="card-image">
|
|
|
+ <el-image :src="getImageUrl(item.images)" alt="电脑图片" class="card-image" >
|
|
|
<template #error>
|
|
|
<el-icon class="card-image" style="font-size: 4rem">
|
|
|
<icon-picture />
|
|
|
@@ -168,6 +168,10 @@ onMounted(() => {
|
|
|
<span style="color: #808d97; font-weight: 500">所属店铺: </span>
|
|
|
<span style="font-weight: 500">{{ item.shopName }}</span>
|
|
|
</div>
|
|
|
+ <div class="text-wrapper">
|
|
|
+ <span style="color: #808d97; font-weight: 500">电脑位置: </span>
|
|
|
+ <span style="font-weight: 500">{{ item.station }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<template #footer>
|
|
|
<div style="text-align: center; padding: 0 10px">
|
|
|
@@ -228,7 +232,7 @@ onMounted(() => {
|
|
|
.card-content {
|
|
|
padding-top: 10px;
|
|
|
font-size: 14px;
|
|
|
- max-height: 60px; /* 根据需要设置最大高度 */
|
|
|
+ max-height: 80px; /* 根据需要设置最大高度 */
|
|
|
overflow: hidden; /* 隐藏超出部分 */
|
|
|
text-overflow: ellipsis; /* 省略号效果 */
|
|
|
display: -webkit-box; /* 适用于多行文本处理 */
|
xinyan