nz-header { background: #181f47; padding: 0 26px; .logo { h2 { color: white; } } .menu { width: 52%; display: flex; justify-content: center; ul { li { height: 56px; float: left; color: #fff; opacity: .65; font-size: 14px; padding: 0 20px; cursor: pointer; } .li-selected { opacity: 1; border-bottom: 2px solid #1890ff; } li:hover { opacity: 1; border-bottom: 2px solid #1890ff; } list-style-type: none; /* 移除列表的标记,如果需要的话 */ padding: 0; /* 移除padding,如果需要的话 */ } } } nz-sider { background: #fff; box-shadow: 2px 0 8px rgba(0,0,0,.15); height: calc(100vh - 64px);; .trigger { font-size: 18px; line-height: 50px; padding: 0 24px; cursor: pointer; transition: color 0.3s; } .trigger:hover { color: #1890ff; } } nz-content { padding: 0 0 0 4px; } .user { div { cursor: pointer; float: right; margin-right: 30px; color: white; white-space: nowrap; text-align: left; overflow: hidden; text-overflow: ellipsis; } }