refactor: 备考计划页纯div行收敛到AppStack

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

View File

@ -191,10 +191,10 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
<!-- 本周计划 -->
<AppCard class="plan-week">
<div class="plan-week__head">
<AppStack direction="row" class="plan-week__head">
<h3>本周计划</h3>
<span class="plan-week__tag"> {{ reviewData?.weekNumber ?? 1 }} </span>
</div>
</AppStack>
<div class="plan-week__meta">
<span>完成 {{ weekMetric.done }} / 目标 {{ weekMetric.total }} </span>
</div>
@ -212,13 +212,13 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
<!-- 明日预告 -->
<AppCard v-if="tomorrowTasks.length > 0" title="明日预告">
<div class="plan-tomorrow__row" v-for="task in tomorrowTasks" :key="task.id">
<AppStack direction="row" gap="space-3" class="plan-tomorrow__row" v-for="task in tomorrowTasks" :key="task.id">
<span class="plan-tomorrow__dot" />
<div class="plan-tomorrow__body">
<p class="plan-tomorrow__title">{{ task.title }}</p>
<p class="plan-tomorrow__meta">{{ task.type }}<template v-if="task.module"> · {{ task.module }}</template> · {{ task.target }}</p>
</div>
</div>
</AppStack>
</AppCard>
</template>
@ -567,9 +567,8 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
gap: var(--space-3);
}
.plan-week__head {
display: flex;
align-items: center;
justify-content: space-between;
--stack-align: center;
--stack-justify: space-between;
}
.plan-week__head h3 {
margin: 0;
@ -615,9 +614,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
text-decoration: none;
}
.plan-tomorrow__row {
display: flex;
align-items: center;
gap: var(--space-3);
--stack-align: center;
padding: var(--space-2) 0;
}
.plan-tomorrow__dot {