.el-header { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 15px 0 0; background: linear-gradient(to right, #0e63d9 0%, #00378f 100%); border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; .header-lf { display: flex; align-items: center; overflow: hidden; white-space: nowrap; cursor: pointer; .logo { flex-shrink: 0; // width: 210px; margin-left: 16px; cursor: pointer; span { height: 36px; font-size: 24px; line-height: 36px; // font-weight: bold; color: #dadada; white-space: nowrap; } img { width: 28px; height: 28px; // object-fit: contain; margin-right: 6px; } } } :deep(.tool-bar-lf) { color: #ffffff; .el-breadcrumb__inner.is-link { color: #e5eaf3; &:hover { color: var(--el-color-primary); } } .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { color: #cfd3dc; } } :deep(.tool-bar-ri) { // display: flex; // align-items: center; .toolBar-icon, .username { color: #e5eaf3; } } }