fix: 兜底布局修正(桌面去重复页签、指标行等)

This commit is contained in:
liyy 2026-09-04 17:34:48 +08:00
parent 219bb32756
commit c03a7709c8
2 changed files with 7 additions and 11 deletions

View File

@ -147,7 +147,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
/> />
<!-- ============ 移动端今日计划 ============ --> <!-- ============ 移动端今日计划 ============ -->
<div v-else-if="isMobile && todayData" class="plan-mobile"> <template v-else-if="isMobile && todayData">
<header class="plan-mobile__head"> <header class="plan-mobile__head">
<h1>今日计划</h1> <h1>今日计划</h1>
<p>{{ planMessage }}</p> <p>{{ planMessage }}</p>
@ -231,10 +231,10 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
> >
<AppButton variant="primary" @click="showCreate = true">创建今日任务</AppButton> <AppButton variant="primary" @click="showCreate = true">创建今日任务</AppButton>
</AppEmpty> </AppEmpty>
</div> </template>
<!-- ============ 桌面端备考计划 ============ --> <!-- ============ 桌面端备考计划 ============ -->
<div v-else-if="todayData" class="plan-desktop"> <template v-else-if="todayData">
<AppPageHeader title="备考计划" :subtitle="`安排阶段任务,稳步推进备考进度 · 备考第 ${profileDays} 天`" sticky-mobile> <AppPageHeader title="备考计划" :subtitle="`安排阶段任务,稳步推进备考进度 · 备考第 ${profileDays} 天`" sticky-mobile>
<RouterLink class="btn-link" to="/plan/review"> <RouterLink class="btn-link" to="/plan/review">
<AppIcon name="chart" :size="16" />周报复盘 <AppIcon name="chart" :size="16" />周报复盘
@ -317,7 +317,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
</div> </div>
</AppCard> </AppCard>
</div> </div>
</div> </template>
<!-- 新建任务弹层 --> <!-- 新建任务弹层 -->
<AppModal v-if="showCreate" title="新建计划任务" :max-width="480" @close="showCreate = false"> <AppModal v-if="showCreate" title="新建计划任务" :max-width="480" @close="showCreate = false">
@ -365,12 +365,8 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
<style scoped> <style scoped>
/* 指标卡 */ /* 指标卡 */
.plan-metrics {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--card-gap-desktop);
}
.plan-metric { .plan-metric {
flex: 1;
background: var(--bg-card); background: var(--bg-card);
border: 1px solid var(--border-subtle); border: 1px solid var(--border-subtle);
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
@ -459,7 +455,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
.plan-side__list { .plan-side__list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--space-4); gap: var(--space-2);
} }
.plan-side__date { .plan-side__date {
margin: 0 0 var(--space-1); margin: 0 0 var(--space-1);

View File

@ -172,7 +172,7 @@ const subtitle = computed(() => {
</AppPageHeader> </AppPageHeader>
<!-- tab --> <!-- tab -->
<div class="practice-tabs"> <div class="practice-tabs" v-if="isMobile">
<RouterLink <RouterLink
v-for="t in tabs" v-for="t in tabs"
:key="t.key" :key="t.key"