【修改】修改tab

This commit is contained in:
zhoulingpo
2023-08-02 15:11:22 +08:00
parent 2659b186df
commit d16fc829c0
4 changed files with 19 additions and 6 deletions
+1 -1
View File
@@ -5352,7 +5352,7 @@ form .ant-upload {
} }
.ant-menu-submenu > .ant-menu { .ant-menu-submenu > .ant-menu {
//background-color: #fff; //background-color: #fff;
background: none; background: none !important;
border-radius: 4px; border-radius: 4px;
} }
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
@@ -15,8 +15,8 @@
@change="changePage" @change="changePage"
@tabClick="tabCallBack" @tabClick="tabCallBack"
@edit="editPage"> @edit="editPage">
<a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList" :closable='page.closable' > <a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList" >
<span slot="tab" :pagekey="page.fullPath">{{ page.meta.title +'hhhh '}}</span> <span slot="tab" :pagekey="page.fullPath">{{ page.meta.title}}</span>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
@@ -301,6 +301,9 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.contextmenu .ant-menu li{
color: #333 !important;
}
.topHeadertabList .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab.ant-tabs-tab-active{ .topHeadertabList .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab.ant-tabs-tab-active{
color: #0F6FC4; color: #0F6FC4;
text-shadow: none; text-shadow: none;
@@ -343,7 +346,7 @@ export default {
background: #F7F8FA; background: #F7F8FA;
} }
</style> </style>
<style lang="less"> <style lang="less" >
/* /*
* The following styles are auto-applied to elements with * The following styles are auto-applied to elements with
@@ -67,5 +67,11 @@ export default {
border: 1px solid #9e9e9e; border: 1px solid #9e9e9e;
border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 10px #aaaaaa !important; box-shadow: 2px 2px 10px #aaaaaa !important;
background-color: #fff;
color:#565656;
li{
color:#565656 !important;
}
} }
</style> </style>
@@ -101,7 +101,7 @@ export default {
}, },
data () { data () {
return { return {
breadList:[], breadList: [],
headerBarFixed: false, headerBarFixed: false,
// update-begin--author:sunjianlei---date:20190508------for: 顶部导航栏过长时显示更多按钮----- // update-begin--author:sunjianlei---date:20190508------for: 顶部导航栏过长时显示更多按钮-----
topMenuStyle: { topMenuStyle: {
@@ -125,6 +125,9 @@ export default {
if (newVal === 'topmenu') { if (newVal === 'topmenu') {
this.buildTopMenuStyle() this.buildTopMenuStyle()
} }
},
$route () {
this.getBreadcrumb()
} }
}, },
// update-end--author:sunjianlei---date:20190508------for: 顶部导航栏过长时显示更多按钮----- // update-end--author:sunjianlei---date:20190508------for: 顶部导航栏过长时显示更多按钮-----
@@ -137,6 +140,7 @@ export default {
this.getBreadcrumb() this.getBreadcrumb()
// update-end--author:sunjianlei---date:20190508------for: 顶部导航栏过长时显示更多按钮----- // update-end--author:sunjianlei---date:20190508------for: 顶部导航栏过长时显示更多按钮-----
}, },
methods: { methods: {
getBreadcrumb () { getBreadcrumb () {
this.breadList = [] this.breadList = []
@@ -191,7 +195,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
/* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/ /* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/
@height: 59px; @height: 56px;
.layout { .layout {
.bread { .bread {