refactor: 自定义组卷工具条行收敛到AppStack
This commit is contained in:
parent
56d715a7bd
commit
5449319b66
@ -86,12 +86,12 @@ function back() {
|
|||||||
|
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<!-- 工具条 -->
|
<!-- 工具条 -->
|
||||||
<div class="custom__toolbar">
|
<AppStack direction="row" gap="space-3" class="custom__toolbar">
|
||||||
<span class="custom__count">已选 <b>{{ selectedCount }}</b> / 20 题</span>
|
<span class="custom__count">已选 <b>{{ selectedCount }}</b> / 20 题</span>
|
||||||
<AppButton variant="secondary" size="md" @click="toggleAll">
|
<AppButton variant="secondary" size="md" @click="toggleAll">
|
||||||
{{ selectedCount === items.length ? '取消全选' : `全选(前20题)` }}
|
{{ selectedCount === items.length ? '取消全选' : `全选(前20题)` }}
|
||||||
</AppButton>
|
</AppButton>
|
||||||
</div>
|
</AppStack>
|
||||||
|
|
||||||
<!-- 题目列表 -->
|
<!-- 题目列表 -->
|
||||||
<div class="custom__list">
|
<div class="custom__list">
|
||||||
@ -130,10 +130,8 @@ function back() {
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.custom__toolbar {
|
.custom__toolbar {
|
||||||
display: flex;
|
--stack-align: center;
|
||||||
align-items: center;
|
--stack-justify: space-between;
|
||||||
justify-content: space-between;
|
|
||||||
gap: var(--space-3);
|
|
||||||
}
|
}
|
||||||
.custom__count {
|
.custom__count {
|
||||||
font-size: var(--fs-subtitle);
|
font-size: var(--fs-subtitle);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user