study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-08 22:51:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

标签栏支持滚动，样式调整

Browse Source
This commit is contained in:
fofolee 2024-01-05 21:55:15 +08:00
parent b1bcedf2df
commit 6d206f0490
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/ConfigurationPage.vue
View File

@ -2,20 +2,23 @@
<div class="relative"> <div class="relative">
<!-- 标签栏 --> <!-- 标签栏 -->
<!-- 面板视图不显示标签栏 --> <!-- 面板视图不显示标签栏 -->
<div <q-scroll-area
v-show="commandCardStyle !== 'mini'" v-show="commandCardStyle !== 'mini'"
class="absolute-left" class="absolute-left"
:thumb-style="{
width: '2px',
}"
:style="{ :style="{
width: tabBarWidth, width: tabBarWidth,
zIndex: 1, zIndex: 1,
overflow: 'hidden',
}" }"
> >
<q-tabs <q-tabs
v-model="currentTag" v-model="currentTag"
vertical vertical
outside-arrows switch-indicator
class="text-primary" active-class="text-primary text-weight-bolder"
content-class="text-blue-grey"
:key="$root.profile.denseTagBar" :key="$root.profile.denseTagBar"
:dense="$root.profile.denseTagBar" :dense="$root.profile.denseTagBar"
> >
@ -37,7 +40,7 @@
</q-tooltip> </q-tooltip>
</q-tab> </q-tab>
</q-tabs> </q-tabs>
</div> </q-scroll-area>
<!-- 面板栏 --> <!-- 面板栏 -->
<q-tab-panels <q-tab-panels
animated animated