perf: 全局调整

1.所有表格表头阴影效果取消
2.header区域高度缩小为50px
3.缩小左侧菜单宽度为200px
4.减小部分margin,padding,
This commit is contained in:
陈劲松
2020-02-14 18:01:48 +08:00
parent 0324219e40
commit f74e388dab
19 changed files with 106 additions and 66 deletions

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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;
}