perf: 全局调整
1.所有表格表头阴影效果取消 2.header区域高度缩小为50px 3.缩小左侧菜单宽度为200px 4.减小部分margin,padding,
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="header">
|
||||
<div class="logo"><img height="48" src="../../assets/img/logo.png"/></div>
|
||||
<div class="logo"><img height="45" src="../../assets/img/logo.png"/></div>
|
||||
<el-menu
|
||||
class="nz-menu float-right"
|
||||
mode="horizontal"
|
||||
@@ -467,7 +467,7 @@
|
||||
<style lang="scss">
|
||||
.logo {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
top: 5px;
|
||||
left: 18px;
|
||||
}
|
||||
.header {
|
||||
@@ -508,6 +508,8 @@
|
||||
text-align: center;
|
||||
color:$header-text-color;
|
||||
padding: 0;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.el-menu.el-menu--horizontal {
|
||||
@@ -544,7 +546,7 @@
|
||||
}
|
||||
.el-menu--horizontal.nz-submenu {
|
||||
border-top: none;
|
||||
top: 62px !important;
|
||||
top: 52px !important;
|
||||
|
||||
}
|
||||
|
||||
@@ -572,7 +574,6 @@
|
||||
.el-menu-item > div, .el-menu-item > div > div {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.nz-menu-line {
|
||||
cursor: default;
|
||||
display: flex;
|
||||
@@ -589,15 +590,15 @@
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
height: 50px;
|
||||
background-color: #232f3e;
|
||||
z-index: 510;
|
||||
}
|
||||
|
||||
.menu-create {
|
||||
line-height: 15px;
|
||||
line-height: 11px;
|
||||
text-align: center;
|
||||
padding-top: 15px;
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.menu-create .el-icon-plus {
|
||||
|
||||
@@ -88,7 +88,7 @@
|
||||
<el-input id="edit-param" @click.native.stop="showEditParamBox(true, currentModuleCopy, 1, $event)" slot="reference" disabled class="module-info module-info-param input-x-mini-22" v-model="currentModuleCopy.param"></el-input>
|
||||
</el-popover>
|
||||
<el-input class="module-info module-info-path input-x-mini-22" v-model="currentModuleCopy.path"></el-input>
|
||||
<button type="button" id="cover-param" @click="coverEndpoint" class="nz-btn nz-btn-size-small nz-btn-style-light module-info module-info-cover">{{$t('overall.cover')}}</button>
|
||||
<button type="button" id="cover-param" @click="coverEndpoint" class="nz-btn nz-btn-size-small nz-btn-style-light module-info module-info-cover"><i class="nz-icon nz-icon-override"></i></button>
|
||||
</div>
|
||||
<!--endpoints-->
|
||||
<div class="endpoints-box-endpoints" :style="{borderColor: endpointTouch ? paramBorderColor : '#dcdfe6'}">
|
||||
@@ -684,7 +684,7 @@
|
||||
|
||||
/* begin--小盒子*/
|
||||
.right-child-boxes {
|
||||
height: calc(100% - 216px);
|
||||
height: calc(100% - 180px);
|
||||
position: relative;
|
||||
}
|
||||
.endpoint-to-right-symbol {
|
||||
@@ -748,15 +748,16 @@
|
||||
right: 116px;
|
||||
}
|
||||
.module-info-path {
|
||||
width: 60px;
|
||||
right: 52px;
|
||||
width: 70px;
|
||||
right: 42px;
|
||||
}
|
||||
.endpoint-info-param {
|
||||
width: 80px;
|
||||
}
|
||||
.right-child-box .module-info-cover {
|
||||
right: 4px;
|
||||
padding: 2px 4px;
|
||||
padding: 0px 6px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.endpoints-box-endpoints {
|
||||
border-radius: 4px;
|
||||
|
||||
@@ -558,7 +558,7 @@
|
||||
|
||||
.endpoint-sub-table-paginate .el-pager li, .endpoint-sub-table-paginate .el-pagination .btn-next, .endpoint-sub-table-paginate .el-pagination .btn-prev {
|
||||
font-size: 13px;
|
||||
min-width: 20px;
|
||||
min-width: 20px !important;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
@@ -566,6 +566,12 @@
|
||||
border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.endpoint-sub-table-paginate .el-pagination.is-background .el-pager li:not(.disabled).active {
|
||||
color: white !important;
|
||||
}
|
||||
.endpoint-sub-table-paginate .el-pagination.is-background .el-pager li:not(.disabled):hover {
|
||||
color: #666;
|
||||
}
|
||||
.el-pagination .el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user