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