From 3a2793d4996981d36117f371f41ec7deffa5bc54 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sun, 1 May 2022 16:05:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E7=B4=A7=E5=87=91=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ConfigurationMenu.vue | 13 +++++++++++++
 src/js/options/defaultProfile.js     |  3 ++-
 src/pages/ConfigurationPage.vue      |  9 ++++++++-
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/ConfigurationMenu.vue b/src/components/ConfigurationMenu.vue
index f984729..ac52edb 100644
--- a/src/components/ConfigurationMenu.vue
+++ b/src/components/ConfigurationMenu.vue
@@ -284,6 +284,19 @@
               </q-menu>
             </q-item>
             <q-item clickable :disable="!$refs.user.isVIP">
+              <q-item-section side>
+                <q-icon name="label" />
+              </q-item-section>
+              <q-item-section class="flex">紧凑标签栏 </q-item-section>
+              <q-tooltip>更为紧凑的标签栏，适用于标签非常多的情形</q-tooltip>
+              <q-item-section side
+                ><q-toggle
+                  v-model="$root.profile.denseTagBar"
+                  :disable="!$refs.user.isVIP"
+                  color="primary"
+              /></q-item-section>
+            </q-item>
+            <q-item clickable>
               <q-item-section side>
                 <q-icon name="search" />
               </q-item-section>
diff --git a/src/js/options/defaultProfile.js b/src/js/options/defaultProfile.js
index f59814e..1725ea4 100644
--- a/src/js/options/defaultProfile.js
+++ b/src/js/options/defaultProfile.js
@@ -4,6 +4,7 @@ export default {
     defaultPrimaryColor: "#009688",
     backgroundImg: null,
     autofocusSearch: false,
+    denseTagBar: false,
     crontabs: {},
     quickFeatures: {
         favFile: {
@@ -25,4 +26,4 @@ export default {
             serverStatus: false
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/pages/ConfigurationPage.vue b/src/pages/ConfigurationPage.vue
index 3912bf3..a2b4972 100644
--- a/src/pages/ConfigurationPage.vue
+++ b/src/pages/ConfigurationPage.vue
@@ -11,7 +11,14 @@
         overflow: 'hidden',
       }"
     >
-      <q-tabs v-model="currentTag" vertical outside-arrows class="text-primary">
+      <q-tabs
+        v-model="currentTag"
+        vertical
+        outside-arrows
+        class="text-primary"
+        :key="$root.profile.denseTagBar"
+        :dense="$root.profile.denseTagBar"
+      >
         <!-- 所有标签 -->
         <q-tab
           v-for="tag in allQuickCommandTags"