From 5449319b6634cd25bdd5c5a1fa31aca75d36b178 Mon Sep 17 00:00:00 2001
From: liyy <18435186204@163.com>
Date: Fri, 4 Sep 2026 17:44:43 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E7=BB=84=E5=8D=B7=E5=B7=A5=E5=85=B7=E6=9D=A1=E8=A1=8C=E6=94=B6?=
 =?UTF-8?q?=E6=95=9B=E5=88=B0AppStack?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/views/practice/CustomView.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/client/src/views/practice/CustomView.vue b/client/src/views/practice/CustomView.vue
index 8ae4621..abc5c19 100644
--- a/client/src/views/practice/CustomView.vue
+++ b/client/src/views/practice/CustomView.vue
@@ -86,12 +86,12 @@ function back() {
 
     <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>
         <AppButton variant="secondary" size="md" @click="toggleAll">
           {{ selectedCount === items.length ? '取消全选' : `全选（前20题）` }}
         </AppButton>
-      </div>
+      </AppStack>
 
       <!-- 题目列表 -->
       <div class="custom__list">
@@ -130,10 +130,8 @@ function back() {
 
 <style scoped>
 .custom__toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-3);
+  --stack-align: center;
+  --stack-justify: space-between;
 }
 .custom__count {
   font-size: var(--fs-subtitle);