feat: 文件列表增加图片的展示和预览
This commit is contained in:
parent
8aa17b673b
commit
c2e8eaed60
@ -50,7 +50,17 @@
|
|||||||
<el-table v-loading="loading" :data="list">
|
<el-table v-loading="loading" :data="list">
|
||||||
<el-table-column label="文件名" align="center" prop="name" :show-overflow-tooltip="true" />
|
<el-table-column label="文件名" align="center" prop="name" :show-overflow-tooltip="true" />
|
||||||
<el-table-column label="文件路径" align="center" prop="path" :show-overflow-tooltip="true" />
|
<el-table-column label="文件路径" align="center" prop="path" :show-overflow-tooltip="true" />
|
||||||
<el-table-column label="URL" align="center" prop="url" :show-overflow-tooltip="true" />
|
<el-table-column label="URL" align="center" prop="url" width="110px">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-image
|
||||||
|
class="h-80px w-80px"
|
||||||
|
:src="row.url"
|
||||||
|
:preview-src-list="[row.url]"
|
||||||
|
preview-teleported
|
||||||
|
fit="cover"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="文件大小"
|
label="文件大小"
|
||||||
align="center"
|
align="center"
|
||||||
|
Loading…
Reference in New Issue
Block a user