root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Marvin 2023-11-25 22:56:31 +08:00 committed by YunaiV
parent 55c64d9c1b
commit 19e3297667
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/infra/file/index.vue
View File

@ -50,7 +50,17 @@
<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="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
label="文件大小"
align="center"