|
|
@ -5,7 +5,13 @@ |
|
|
|
<div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'"> |
|
|
|
<div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'"> |
|
|
|
<p style="margin:auto">商业银行系统</p> |
|
|
|
<p style="margin:auto">商业银行系统</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <div class="body2"> |
|
|
|
<navbar class="body"></navbar> |
|
|
|
<navbar class="body"></navbar> |
|
|
|
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
<div class="body"> |
|
|
|
|
|
|
|
<navbar /> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <navbar class="body"></navbar> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="manage-layout"> |
|
|
|
<div class="manage-layout"> |
|
|
|
<div class="top" :style="full?'border-radius:0':'border-top-right-radius: 20px;'"> |
|
|
|
<div class="top" :style="full?'border-radius:0':'border-top-right-radius: 20px;'"> |
|
|
@ -64,7 +70,8 @@ export default { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
min-width: 1300px; |
|
|
|
min-width: 1300px; |
|
|
|
margin-top: 70px; |
|
|
|
margin-top: 70px; |
|
|
|
overflow: auto; |
|
|
|
// overflow: auto; |
|
|
|
|
|
|
|
|
|
|
|
.nav{ |
|
|
|
.nav{ |
|
|
|
width: 270px; |
|
|
|
width: 270px; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
@ -83,6 +90,9 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.body{ |
|
|
|
.body{ |
|
|
|
flex: 1; |
|
|
|
flex: 1; |
|
|
|
|
|
|
|
.el-menu { |
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.manage-layout{ |
|
|
|
.manage-layout{ |
|
|
@ -137,14 +147,16 @@ export default { |
|
|
|
/deep/ .is-error input { |
|
|
|
/deep/ .is-error input { |
|
|
|
border-color: #f40!important;; |
|
|
|
border-color: #f40!important;; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$font_size_16: 16px; |
|
|
|
/deep/ .text-xl p { |
|
|
|
/deep/ .text-xl p { |
|
|
|
font-size: 18px!important; |
|
|
|
font-size: $font_size_16!important; |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/ .el-form-item .el-form-item__label { |
|
|
|
/deep/ .el-form-item .el-form-item__label { |
|
|
|
font-size: 18px!important; |
|
|
|
font-size: $font_size_16!important; |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/ .el-menu-item { |
|
|
|
/deep/ .el-menu-item { |
|
|
|
font-size: 18px; |
|
|
|
font-size: $font_size_16; |
|
|
|
} |
|
|
|
} |
|
|
|
// /deep/ .el-form-item__error { |
|
|
|
// /deep/ .el-form-item__error { |
|
|
|
// top: 105%; |
|
|
|
// top: 105%; |
|
|
@ -152,7 +164,11 @@ export default { |
|
|
|
// right: 0; |
|
|
|
// right: 0; |
|
|
|
// color: #FFA94E; |
|
|
|
// color: #FFA94E; |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1700px) { |
|
|
|
|
|
|
|
/deep/.el-input { |
|
|
|
|
|
|
|
width: 15vw; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1900px) { |
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1900px) { |
|
|
|
.box{ |
|
|
|
.box{ |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
@ -163,7 +179,7 @@ export default { |
|
|
|
.nav{ |
|
|
|
.nav{ |
|
|
|
width: 25vw; |
|
|
|
width: 25vw; |
|
|
|
height: 80vh; |
|
|
|
height: 80vh; |
|
|
|
overflow: auto; |
|
|
|
overflow: hidden; |
|
|
|
border-top-left-radius: 20px; |
|
|
|
border-top-left-radius: 20px; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
@ -179,7 +195,10 @@ export default { |
|
|
|
background: #222428; |
|
|
|
background: #222428; |
|
|
|
} |
|
|
|
} |
|
|
|
.body{ |
|
|
|
.body{ |
|
|
|
flex: 1; |
|
|
|
// flex: 1; |
|
|
|
|
|
|
|
// height: calc(80vh-10vh); |
|
|
|
|
|
|
|
overflow: auto; |
|
|
|
|
|
|
|
background-color: #313540; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.manage-layout{ |
|
|
|
.manage-layout{ |
|
|
@ -218,5 +237,6 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |