julian/win-cleaner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix size result

Browse Source
This commit is contained in:
Julian Freeman
2026-03-03 09:59:28 -04:00
parent a255cf9be0
commit b63135a0e0
1 changed files with 45 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/App.vue
View File

@@ -149,6 +149,15 @@ function formatItemSize(bytes: number): string {
const i = Math.floor(Math.log(bytes) / Math.log(k)); const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]; return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
} }
function splitSize(sizeStr: string | number) {
const str = String(sizeStr);
const parts = str.split(' ');
if (parts.length === 2) {
return { value: parts[0], unit: parts[1] };
}
return { value: str, unit: '' };
}
</script> </script>
<template> <template>
@@ -244,7 +253,10 @@ function formatItemSize(bytes: number): string {
</div> </div>
<div class="result-stats"> <div class="result-stats">
<div class="stat-item"> <div class="stat-item">
<span class="stat-value">{{ fastScanResult.total_size }}</span> <span class="stat-value">
{{ splitSize(fastScanResult.total_size).value }}
<span class="unit">{{ splitSize(fastScanResult.total_size).unit }}</span>
</span>
<span class="stat-label">预计释放</span> <span class="stat-label">预计释放</span>
</div> </div>
<div class="stat-divider"></div> <div class="stat-divider"></div>
@@ -268,7 +280,10 @@ function formatItemSize(bytes: number): string {
<div class="result-stats"> <div class="result-stats">
<div class="stat-item"> <div class="stat-item">
<span class="stat-value">{{ cleanResult.total_freed }}</span> <span class="stat-value">
{{ splitSize(cleanResult.total_freed).value }}
<span class="unit">{{ splitSize(cleanResult.total_freed).unit }}</span>
</span>
<span class="stat-label">释放空间</span> <span class="stat-label">释放空间</span>
</div> </div>
<div class="stat-divider"></div> <div class="stat-divider"></div>
@@ -634,28 +649,46 @@ body {
.result-stats { .result-stats {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: baseline; align-items: center;
margin-bottom: 40px; margin-bottom: 40px;
} }
.stat-item { flex: 1; } .stat-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.stat-value { .stat-value {
display: block; display: flex;
font-size: 48px; align-items: baseline;
justify-content: center;
font-size: 44px;
font-weight: 800; font-weight: 800;
color: var(--primary-color); color: var(--primary-color);
letter-spacing: -1px; letter-spacing: -1.5px;
line-height: 1.1; line-height: 1;
margin-bottom: 8px; margin-bottom: 8px;
white-space: nowrap;
} }
.stat-label { font-size: 15px; color: var(--text-sec); font-weight: 500; }
.stat-value .unit {
font-size: 16px;
font-weight: 700;
margin-left: 4px;
letter-spacing: 0;
opacity: 0.9;
}
.stat-label { font-size: 14px; color: var(--text-sec); font-weight: 500; }
.stat-divider { .stat-divider {
width: 1px; width: 1px;
height: 60px; height: 48px;
background-color: #F2F2F7; background-color: #F2F2F7;
margin: 0 40px; margin: 0 20px;
align-self: center; flex-shrink: 0;
} }
.main-btn { width: 220px; } .main-btn { width: 220px; }