80 lines
1.3 KiB
80 lines
1.3 KiB
3 years ago
|
nz-layout {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 16px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
nz-sider {
|
||
|
|
background: #001B3B;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
overflow-y: auto;
|
||
|
|
|
||
|
|
.logo {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.headPortrait {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 46px;
|
||
|
|
margin-bottom: 46px;
|
||
|
|
.photograph {
|
||
|
|
// width: 140px;
|
||
|
|
// height: 140px;
|
||
|
|
// border: 4px solid #FFFFFF;
|
||
|
|
// opacity: 1;
|
||
|
|
// border-radius: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
span {
|
||
|
|
margin-top: 18px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav {
|
||
|
|
ul {
|
||
|
|
li {
|
||
|
|
width: 300px;
|
||
|
|
height: 40px;
|
||
|
|
cursor: pointer;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: left;
|
||
|
|
margin-bottom: 16px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-left: 26%;
|
||
|
|
|
||
|
|
img {
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.router-link-active {
|
||
|
|
background: linear-gradient(90deg, rgba(0, 13, 33, 0) 0%, #2399FF 52%, rgba(0, 13, 33, 0) 100%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
nz-header {
|
||
|
|
height: 56px;
|
||
|
|
background: #FFFFFF;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 0 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
nz-content {
|
||
|
|
background: #F2F2F2;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 16px;
|
||
|
|
}
|