xinyan 6 місяців тому
батько
коміт
58e05f19f9

+ 5 - 2
src/views/computer-information/components/InfoCard.vue

@@ -152,7 +152,7 @@ onMounted(() => {
 			<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 :body-style="{ padding: '20px 20px 5px 20px' }" class="item-card" shadow="hover">
-						<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">
@@ -169,7 +169,10 @@ onMounted(() => {
 							</div>
 							<div class="text-wrapper">
 								<span style="color: #808d97; font-weight: 500">所属店铺: </span>
-								<span style="font-weight: 500">{{ item.shopName }}</span>
+								<el-tooltip :content="item.shopName" placement="top" :disabled="item.shopName.length <= 14"
+                            :show-after="350">
+                  <span style="font-weight: 500">{{ item.shopName }}</span>
+                </el-tooltip>
 							</div>
 							<div class="text-wrapper">
 								<span style="color: #808d97; font-weight: 500">电脑位置: </span>