fix:表格布局图片缩小,使布局更紧凑

This commit is contained in:
jiangrui
2025-03-12 16:03:12 +08:00
parent 5f53d30be1
commit cc7cdbb4a6

View File

@@ -5,33 +5,27 @@
:data="store.resources"
style="width: 100%"
row-key="id"
:default-expand-all="true"
:default-expand-all="false"
>
<el-table-column type="expand">
<template #default="props">
<el-table :data="props.row.list" style="width: 100%">
<el-table-column label="图片" width="180">
<el-table-column label="图片" width="80">
<template #default="{ row }">
<el-image
v-if="row.image"
class="table-item-image"
:src="getProxyImageUrl(row.image as string)"
:fit="row.image ? 'cover' : 'contain'"
hide-on-click-modal
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
:initial-index="4"
:z-index="999"
width="60"
height="90"
width="30"
height="60"
/>
<el-icon v-else size="20"><Close /></el-icon>
</template>
</el-table-column>
<el-table-column prop="title" label="标题" width="180">
<el-table-column prop="title" label="标题" width="280">
<template #default="{ row }">
<el-link :href="row.cloudLinks[0]" target="_blank">
<el-link :href="row.cloudLinks[0]" target="_blank" style="font-weight: bold">
{{ row.title }}
</el-link>
</template>
@@ -143,9 +137,8 @@ const searchMovieforTag = (tag: string) => {
}
.table-item-image {
border-radius: 20px;
border-radius: 10px;
width: 100%;
height: 220px;
}
.item-count {
@@ -168,8 +161,8 @@ const searchMovieforTag = (tag: string) => {
margin: 15px 0;
-webkit-box-orient: vertical;
display: -webkit-box;
line-clamp: 4;
-webkit-line-clamp: 4;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: all;
}