refactor: 周报复盘页纯div行收敛到AppStack

This commit is contained in:
liyy 2026-09-04 11:02:03 +08:00
parent 1fdb052c23
commit 3e346b0039

View File

@ -72,7 +72,7 @@ const weakTone = ['danger', 'warning', 'primary']
description="继续保持每日刷题节奏,稳步提升正确率。"
/>
<div v-else class="weak-list">
<div v-for="(w, i) in data.weakPoints" :key="`${w.module}-${w.point}`" class="weak-item">
<AppStack direction="row" gap="space-3" class="weak-item" v-for="(w, i) in data.weakPoints" :key="`${w.module}-${w.point}`">
<span class="weak-item__rank" :class="`is-${weakTone[i % weakTone.length]}`">{{ i + 1 }}</span>
<div class="weak-item__body">
<p class="weak-item__title">{{ w.module }} · {{ w.point }}</p>
@ -82,7 +82,7 @@ const weakTone = ['danger', 'warning', 'primary']
</div>
</div>
<span class="weak-item__tag">{{ w.reasons[0] || '待改进' }}</span>
</div>
</AppStack>
</div>
</AppCard>
@ -150,9 +150,7 @@ const weakTone = ['danger', 'warning', 'primary']
gap: var(--space-4);
}
.weak-item {
display: flex;
align-items: flex-start;
gap: var(--space-3);
--stack-align: flex-start;
}
.weak-item__rank {
display: grid;