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