fix: 兜底布局修正(桌面去重复页签、指标行等)
This commit is contained in:
parent
219bb32756
commit
c03a7709c8
@ -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">
|
||||
<h1>今日计划</h1>
|
||||
<p>{{ planMessage }}</p>
|
||||
@ -231,10 +231,10 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
|
||||
>
|
||||
<AppButton variant="primary" @click="showCreate = true">创建今日任务</AppButton>
|
||||
</AppEmpty>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- ============ 桌面端备考计划 ============ -->
|
||||
<div v-else-if="todayData" class="plan-desktop">
|
||||
<template v-else-if="todayData">
|
||||
<AppPageHeader title="备考计划" :subtitle="`安排阶段任务,稳步推进备考进度 · 备考第 ${profileDays} 天`" sticky-mobile>
|
||||
<RouterLink class="btn-link" to="/plan/review">
|
||||
<AppIcon name="chart" :size="16" />周报复盘
|
||||
@ -317,7 +317,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
|
||||
</div>
|
||||
</AppCard>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 新建任务弹层 -->
|
||||
<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>
|
||||
/* 指标卡 */
|
||||
.plan-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: var(--card-gap-desktop);
|
||||
}
|
||||
.plan-metric {
|
||||
flex: 1;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border-subtle);
|
||||
border-radius: var(--radius-lg);
|
||||
@ -459,7 +455,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
|
||||
.plan-side__list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-4);
|
||||
gap: var(--space-2);
|
||||
}
|
||||
.plan-side__date {
|
||||
margin: 0 0 var(--space-1);
|
||||
|
||||
@ -172,7 +172,7 @@ const subtitle = computed(() => {
|
||||
</AppPageHeader>
|
||||
|
||||
<!-- 子 tab -->
|
||||
<div class="practice-tabs">
|
||||
<div class="practice-tabs" v-if="isMobile">
|
||||
<RouterLink
|
||||
v-for="t in tabs"
|
||||
:key="t.key"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user