标签紧凑视图

This commit is contained in:
fofolee 2022-05-01 16:05:47 +08:00
parent 8286b66c1e
commit 3a2793d499
3 changed files with 23 additions and 2 deletions

View File

@ -284,6 +284,19 @@
</q-menu> </q-menu>
</q-item> </q-item>
<q-item clickable :disable="!$refs.user.isVIP"> <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-item-section side>
<q-icon name="search" /> <q-icon name="search" />
</q-item-section> </q-item-section>

View File

@ -4,6 +4,7 @@ export default {
defaultPrimaryColor: "#009688", defaultPrimaryColor: "#009688",
backgroundImg: null, backgroundImg: null,
autofocusSearch: false, autofocusSearch: false,
denseTagBar: false,
crontabs: {}, crontabs: {},
quickFeatures: { quickFeatures: {
favFile: { favFile: {
@ -25,4 +26,4 @@ export default {
serverStatus: false serverStatus: false
} }
} }
} }

View File

@ -11,7 +11,14 @@
overflow: 'hidden', 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 <q-tab
v-for="tag in allQuickCommandTags" v-for="tag in allQuickCommandTags"