lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化预览文件封面的效果

Browse Source
This commit is contained in:
jmal 2025-02-20 11:39:53 +08:00
parent 39d8450cc3
commit 57edbcedb4
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Icon/IconFile.vue
View File

@ -33,12 +33,11 @@
<div v-if="item.tags && item.tags.length > 0 && !public"> <div v-if="item.tags && item.tags.length > 0 && !public">
<div v-if="pc"> <div v-if="pc">
<svg-icon v-if="grid" class="pc grid icon-tag" icon-class="tag2" :style="{left: 14 * index + 'px', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 3)" :key="tag.tagId"/> <svg-icon v-if="grid" class="pc grid icon-tag" icon-class="tag2" :style="{left: 14 * index + 'px', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 3)" :key="tag.tagId"/>
<!-- 列表模式下只能显示一个标签 --> <svg-icon v-if="!grid" class="pc list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/>
<svg-icon v-else class="pc list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/>
</div> </div>
<div v-else> <div v-if="!pc">
<svg-icon v-if="grid" class="mobile grid icon-tag" icon-class="tag2" :style="{left: 1 * index + 'rem', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 3)" :key="tag.tagId"/> <svg-icon v-if="grid" class="mobile grid icon-tag" icon-class="tag2" :style="{left: 1 * index + 'rem', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 3)" :key="tag.tagId"/>
<svg-icon v-else class="mobile list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/> <svg-icon v-if="!grid" class="mobile list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/>
</div> </div>
</div> </div>
<div v-if="item.ossFolder && !public"> <div v-if="item.ossFolder && !public">
@ -191,9 +190,6 @@ export default {
line-height: 35px; line-height: 35px;
} }
>>> .image-slot-error {
}
.icon-favorite { .icon-favorite {
position: absolute; position: absolute;
color: #f5222d; color: #f5222d;

2
src/components/preview/FileDetails.vue
View File

@ -392,6 +392,8 @@ export default {
>>> .el-image.cover { >>> .el-image.cover {
height: unset !important; height: unset !important;
margin-bottom: 20px; margin-bottom: 20px;
max-width: 100%;
max-height: 60vh;
} }
>>> .el-dialog { >>> .el-dialog {