perf: 二级列表增加tab,统一页签条样式

This commit is contained in:
陈劲松
2020-03-17 18:37:05 +08:00
parent 78ecc99df2
commit 24034fa7b3
3 changed files with 25 additions and 11 deletions

View File

@@ -374,6 +374,24 @@ li{
/* end--nz-tab组件*/ /* end--nz-tab组件*/
/* begin--二级页面tab*/
.sub-list-tabs {
margin-top: 0 !important;
height: 100%;
background-color: #f5f7fa;
}
.sub-list-tab {
width: 100px;
font-size: 14px;
color: $global-text-color-active;
background-color: white;
border-top: solid 2px #ee9d3f;
height: calc(100% - 2px);
padding-left: 20px;
line-height: 27px;
}
/* end--二级页面tab*/
/* end--通用*/ /* end--通用*/
/* begin--左侧列表*/ /* begin--左侧列表*/
@@ -492,7 +510,7 @@ li{
/* begin--二级顶部工具栏*/ /* begin--二级顶部工具栏*/
.sub-top-tools { .sub-top-tools {
display: flex; display: flex;
height: 40px; height: 30px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
border-top: 1px solid #DCDFE6; border-top: 1px solid #DCDFE6;

View File

@@ -53,10 +53,11 @@
position: absolute; position: absolute;
top:8px; top:8px;
} }
.console-title-icon:hover:before{ .console-title-icon:hover:before,
color: #1989fa; .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
color: $global-text-color-active;
} }
.el-dialog { .el-dialog {
.el-dialog__body{ .el-dialog__body{
overflow-x:hidden !important;/*防止console窗口x轴出现滚动条*/ overflow-x:hidden !important;/*防止console窗口x轴出现滚动条*/

View File

@@ -191,13 +191,8 @@
<div @mousedown="listResize" class="sub-list-resize" v-show="tableShow == 3"></div> <div @mousedown="listResize" class="sub-list-resize" v-show="tableShow == 3"></div>
<div class="sub-list" v-show="tableShow == 3"> <div class="sub-list" v-show="tableShow == 3">
<div class="sub-top-tools" v-show="subResizeShow"> <div class="sub-top-tools" v-show="subResizeShow">
<div> <div class="sub-list-tabs margin-l-20" style="width: calc(100% - 780px);">
<!--<div @click="backToEdpTab"> <div class="sub-list-tab">{{$t("overall.query")}}</div>
<button class="nz-btn nz-btn-size-normal nz-btn-style-light float-right nz-btn-min-width-82">
<span class='top-tool-btn-txt'>
{{$t('overall.back')}}</span>
</button>
</div>-->
</div> </div>
<!--时间选择器--> <!--时间选择器-->
<div class="top-tool-right"> <div class="top-tool-right">