Skip to content

phsl / admin

Go to a project
Commit 19e32976 by Marvin Committed by YunaiV
Options

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

parent 55c64d9c
Showing with 11 additions and 1 deletions
src/views/infra/file/index.vue
...@@ -50,7 +50,17 @@ ...@@ -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"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment