You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
1.6 KiB
112 lines
1.6 KiB
:host { |
|
text-align: center; |
|
} |
|
|
|
|
|
nz-header { |
|
height: 50px; |
|
line-height: 50px; |
|
background: #2C4DC0; |
|
color: #fff; |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
padding: 0; |
|
|
|
.logobox { |
|
width: 250px; |
|
|
|
img { |
|
margin-right: 8px; |
|
} |
|
|
|
font-size: 16px; |
|
} |
|
|
|
.headerbtn { |
|
width: 250px; |
|
display: flex; |
|
align-items: center; |
|
justify-content: flex-end; |
|
|
|
.username { |
|
flex: 1; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
text-align: right; |
|
margin-right: 8px; |
|
} |
|
.iconbox{ |
|
width: 30px; |
|
cursor: pointer; |
|
span,a{ |
|
text-align: center; |
|
color: #fff; |
|
} |
|
} |
|
|
|
} |
|
|
|
ul { |
|
display: flex; |
|
justify-content: center; |
|
margin-bottom: 0px; |
|
width: 600px; |
|
|
|
li { |
|
margin: 0 6px; |
|
width: 120px; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
cursor: pointer; |
|
font-size: 16px; |
|
} |
|
|
|
} |
|
} |
|
|
|
.router-link-active { |
|
background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(180, 202, 252, 0.5000) 50%, #769FF9 100%); |
|
text-align: center; |
|
transform: skewX(-20deg); |
|
} |
|
|
|
.router-link-active>div { |
|
height: 50px; |
|
transform: skewX(20deg); |
|
border-bottom: 2px solid #95FFCF; |
|
color: #fff; |
|
} |
|
|
|
nz-footer { |
|
line-height: 1.5; |
|
} |
|
|
|
nz-sider { |
|
background: #2D4DbF; |
|
color: #fff; |
|
} |
|
|
|
nz-content { |
|
color: #fff; |
|
} |
|
|
|
nz-layout { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
nz-layout:last-child { |
|
margin: 0; |
|
} |
|
|
|
.router-link-active { |
|
color: black; |
|
} |
|
.messageBox{ |
|
width: 300px; |
|
height: 530px; |
|
overflow-y: auto; |
|
} |