mirage
/
edu
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

素材中心优化

This commit is contained in:
Jason 2022-09-19 12:11:54 +08:00
parent e40689135f
commit 65da3d4a3a
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
admin/src/components/material/file.vue
View File

@ -1,8 +1,14 @@
<template> <template>
<div> <div>
<div class="file-item" :style="{ height: fileSize, width: fileSize }"> <div class="file-item relative" :style="{ height: fileSize, width: fileSize }">
<el-image class="image" v-if="type == 'image'" fit="contain" :src="uri"></el-image> <el-image class="image" v-if="type == 'image'" fit="contain" :src="uri"></el-image>
<video class="video" v-else-if="type == 'video'" :src="uri"></video> <video class="video" v-else-if="type == 'video'" :src="uri"></video>
<div
v-if="type == 'video'"
class="absolute left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] rounded-full w-5 h-5 flex justify-center items-center bg-[rgba(0,0,0,0.3)]"
>
<icon name="el-icon-CaretRight" :size="18" color="#fff" />
</div>
<slot></slot> <slot></slot>
</div> </div>
</div> </div>

2
admin/src/components/material/index.vue
View File

@ -228,7 +228,7 @@
</el-table-column> </el-table-column>
<el-table-column label="图片" width="60"> <el-table-column label="图片" width="60">
<template #default="{ row }"> <template #default="{ row }">
<file-item :uri="row.uri" file-size="40px"></file-item> <file-item :uri="row.uri" file-size="40px" :type="type"></file-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="名称" min-width="100" show-overflow-tooltip> <el-table-column label="名称" min-width="100" show-overflow-tooltip>