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

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

@ -8,23 +8,26 @@
<template>
<div>
<n-tabs
:value="tabStore.activeTab"
:closable="tabStore.tabs.length > 1"
:style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
type="card"
@close="(path) => tabStore.removeTab(path)"
>
<n-tab
v-for="item in tabStore.tabs"
:key="item.path"
:name="item.path"
@click="handleItemClick(item.path)"
@contextmenu.prevent="handleContextMenu($event, item)"
<n-scrollbar x-scrollable>
<n-tabs
:value="tabStore.activeTab"
:closable="tabStore.tabs.length > 1"
class="py-10"
:style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
type="card"
@close="(path) => tabStore.removeTab(path)"
>
{{ item.title }}
</n-tab>
</n-tabs>
<n-tab
v-for="item in tabStore.tabs"
:key="item.path"
:name="item.path"
@click="handleItemClick(item.path)"
@contextmenu.prevent="handleContextMenu($event, item)"
>
{{ item.title }}
</n-tab>
</n-tabs>
</n-scrollbar>
<ContextMenu
v-if="contextMenuOption.show"