refactor: 备考计划页纯div行收敛到AppStack
This commit is contained in:
parent
c20010d9dd
commit
1fdb052c23
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user