1
0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2026-01-22 23:50:22 +08:00

2 Commits

Author SHA1 Message Date
qiaofugui
03f1396985 Merge 6f38034c14 into 4eb15744a6 2024-04-30 01:56:53 +00:00
qiaoronggui
6f38034c14 fix: 路由标签较多,屏幕较窄情况下没有左右滚动条 2024-04-30 09:55:23 +08:00

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"