bd4rr/vue-naive-admin
1
0
Fork 0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2025-05-01 14:49:00 +08:00
Code

fix: 路由标签较多，屏幕较窄情况下没有左右滚动条

Browse Source
This commit is contained in:
qiaoronggui 2024-04-30 09:55:23 +08:00
parent 4eb15744a6
commit 6f38034c14
1 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/layouts/components/tab/index.vue
View File

@ -8,9 +8,11 @@
<template> <template>
<div> <div>
<n-scrollbar x-scrollable>
<n-tabs <n-tabs
:value="tabStore.activeTab" :value="tabStore.activeTab"
:closable="tabStore.tabs.length > 1" :closable="tabStore.tabs.length > 1"
class="py-10"
:style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`" :style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
type="card" type="card"
@close="(path) => tabStore.removeTab(path)" @close="(path) => tabStore.removeTab(path)"
@ -25,6 +27,7 @@
{{ item.title }} {{ item.title }}
</n-tab> </n-tab>
</n-tabs> </n-tabs>
</n-scrollbar>
<ContextMenu <ContextMenu
v-if="contextMenuOption.show" v-if="contextMenuOption.show"