liyy/gwy-exam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
liyy 2026-09-04 11:02:03 +08:00
parent c20010d9dd
commit 1fdb052c23
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/views/plan/PlanView.vue
View File

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