|
@@ -129,10 +129,9 @@ watch(contextMenuVisible, val => {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="bg-white">
|
|
|
|
|
|
|
+ <div class="bg-white" style="border-top: 1px solid var(--el-border-color-light)">
|
|
|
<el-tabs
|
|
<el-tabs
|
|
|
v-model="activeValue"
|
|
v-model="activeValue"
|
|
|
- :closable="!(tabs.length === 1)"
|
|
|
|
|
type="card"
|
|
type="card"
|
|
|
@tab-change="changeTab"
|
|
@tab-change="changeTab"
|
|
|
@tab-remove="removeTab"
|
|
@tab-remove="removeTab"
|
|
@@ -146,26 +145,23 @@ watch(contextMenuVisible, val => {
|
|
|
:tab="item"
|
|
:tab="item"
|
|
|
:closable="item.name !== config.homeRouteName"
|
|
:closable="item.name !== config.homeRouteName"
|
|
|
>
|
|
>
|
|
|
- <template #label>
|
|
|
|
|
- <span>{{ item.title }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
- </div>
|
|
|
|
|
|
|
|
|
|
- <!--自定义右键菜单html代码-->
|
|
|
|
|
- <ul v-show="contextMenuVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
|
|
|
|
|
- <li @click="closeAll">关闭所有</li>
|
|
|
|
|
- <li @click="closeLeft">关闭左侧</li>
|
|
|
|
|
- <li @click="closeRight">关闭右侧</li>
|
|
|
|
|
- <li @click="closeOther">关闭其他</li>
|
|
|
|
|
- </ul>
|
|
|
|
|
|
|
+ <!--自定义右键菜单html代码-->
|
|
|
|
|
+ <ul v-show="contextMenuVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
|
|
|
|
|
+ <li @click="closeAll">关闭所有</li>
|
|
|
|
|
+ <li @click="closeLeft">关闭左侧</li>
|
|
|
|
|
+ <li @click="closeRight">关闭右侧</li>
|
|
|
|
|
+ <li @click="closeOther">关闭其他</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
:deep(.el-tabs__header) {
|
|
:deep(.el-tabs__header) {
|
|
|
margin: 0;
|
|
margin: 0;
|
|
|
- border-top: 1px solid var(--el-border-color-light);
|
|
|
|
|
|
|
+ // border-top: 1px solid var(--el-border-color-light);
|
|
|
}
|
|
}
|
|
|
:deep(.el-tabs__nav) {
|
|
:deep(.el-tabs__nav) {
|
|
|
border-top: none !important;
|
|
border-top: none !important;
|