refactor: 周报复盘页纯div行收敛到AppStack
This commit is contained in:
parent
1fdb052c23
commit
3e346b0039
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user