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 17:14:36 +08:00
parent fb1cbc5895
commit b7ee17558e
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/views/practice/EssayView.vue
View File

@ -22,10 +22,10 @@ const QUESTION_TYPES = [
备考通当前聚焦行测闭环，申论功能正在规划中。 备考通当前聚焦行测闭环，申论功能正在规划中。
</p> </p>
<div class="essay__types"> <div class="essay__types">
<div v-for="t in QUESTION_TYPES" :key="t.name" class="essay__type"> <AppStack direction="row" gap="space-3" class="essay__type" v-for="t in QUESTION_TYPES" :key="t.name">
<AppBadge variant="primary">{{ t.name }}</AppBadge> <AppBadge variant="primary">{{ t.name }}</AppBadge>
<span class="essay__type-desc">{{ t.desc }}</span> <span class="essay__type-desc">{{ t.desc }}</span>
</div> </AppStack>
</div> </div>
</AppCard> </AppCard>
@ -49,10 +49,10 @@ const QUESTION_TYPES = [
<!-- 说明提示 --> <!-- 说明提示 -->
<AppCard :padded="true"> <AppCard :padded="true">
<div class="essay__notice"> <AppStack direction="row" gap="space-3" class="essay__notice">
<AppIcon name="alert" :size="18" /> <AppIcon name="alert" :size="18" />
<p>当前为占位页面，不保存任何写作内容。建议先完成行测「刷题 → 错题复习 → 模考分析」闭环。</p> <p>当前为占位页面，不保存任何写作内容。建议先完成行测「刷题 → 错题复习 → 模考分析」闭环。</p>
</div> </AppStack>
</AppCard> </AppCard>
</AppStack> </AppStack>
</template> </template>
@ -70,9 +70,7 @@ const QUESTION_TYPES = [
gap: var(--space-3); gap: var(--space-3);
} }
.essay__type { .essay__type {
display: flex; --stack-align: center;
align-items: center;
gap: var(--space-3);
padding: var(--space-3); padding: var(--space-3);
border: 1px solid var(--border-subtle); border: 1px solid var(--border-subtle);
border-radius: var(--radius-md); border-radius: var(--radius-md);
@ -104,9 +102,7 @@ const QUESTION_TYPES = [
flex: none; flex: none;
} }
.essay__notice { .essay__notice {
display: flex; --stack-align: flex-start;
align-items: flex-start;
gap: var(--space-3);
} }
.essay__notice svg { .essay__notice svg {
color: var(--warning); color: var(--warning);