feat: 文件列表增加图片的展示和预览

This commit is contained in:
Marvin 2023-11-25 22:56:31 +08:00
parent 8aa17b673b
commit c2e8eaed60

View File

@ -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"