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">
|
<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);
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user