GitHub/015
1
0
Fork 0
mirror of https://github.com/keven1024/015.git synced 2026-05-26 07:08:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(front): add conditional rendering for file sizes in ImageCompressResult component to handle zero values and improve user experience

Browse Source
This commit is contained in:
keven1024
2025-12-20 08:53:25 +08:00
parent 0c980e8b6c
commit 9eaf06e7a8
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
front/components/Result/ImageCompressResult.vue
View File

@@ -112,10 +112,15 @@ watch(
<div class="rounded-xl flex flex-col bg-white/70 px-3 py-2 gap-1 basis-2/3">
<div class="text-sm font-semibold">总大小</div>
<div class="text-2xl font-light flex flex-row items-center gap-1">
<span class="opacity-75">{{ filesize(totalSize.oldSize) }}</span>
<span v-if="totalSize.oldSize > 0" class="opacity-75">{{ filesize(totalSize.oldSize) }}</span>
<span v-else><Skeleton class="w-12 h-10" /></span>
<LucideChevronsRight class="size-6" />
<span>{{ filesize(totalSize.newSize) }}</span>
<div class="rounded flex flex-row items-center bg-green-100 text-green-600 p-1 py-0.5 text-sm">
<span v-if="totalSize.newSize > 0">{{ filesize(totalSize.newSize) }}</span>
<span v-else><Skeleton class="w-12 h-10" /></span>
<div
v-if="totalSize.oldSize > 0 && totalSize.newSize > 0"
class="rounded flex flex-row items-center bg-green-100 text-green-600 p-1 py-0.5 text-sm"
>
<LucideArrowDown class="size-4" />
{{ ((1 - totalSize.newSize / totalSize.oldSize) * 100).toFixed(2) }}%
</div>