|
|
@@ -144,12 +144,12 @@ onMounted(() => {
|
|
|
</div>
|
|
|
</el-card>
|
|
|
<!-- 卡片展示区域 -->
|
|
|
- <el-card class="flex-grow" style="border: none" :body-style="{ padding: '0px' }">
|
|
|
- <el-card v-loading="tableOptions.loading" class="card-container" shadow="never" style="border: none">
|
|
|
+ <el-card :body-style="{ padding: '0px' }" class="flex-grow" style="border: none">
|
|
|
+ <el-card v-loading="tableOptions.loading" class="card-container" shadow="never" style="border: none">
|
|
|
<el-row :gutter="20">
|
|
|
<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 style="width: 150px; height: 150px;padding-bottom: 10px;margin: 0 auto; overflow: hidden; ">
|
|
|
+ <div class="image-wrapper">
|
|
|
<el-image :src="getImageUrl(item.images)" alt="电脑图片" class="card-image">
|
|
|
<template #error>
|
|
|
<el-icon class="card-image" style="font-size: 4rem">
|
|
|
@@ -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: 76px; /* 根据需要设置最大高度 */
|
|
|
overflow: hidden; /* 隐藏超出部分 */
|
|
|
text-overflow: ellipsis; /* 省略号效果 */
|
|
|
display: -webkit-box; /* 适用于多行文本处理 */
|
xinyan