mirror of
https://github.com/jiangrui1994/CloudSaver.git
synced 2026-01-10 23:28:46 +08:00
fix:表格布局图片缩小,使布局更紧凑
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user