zl365/src/component/bar/index.css

.zl-365-bar {
    display: inline-block;
    flex: 0 0 47px;
    max-width: 47px;
    height: calc(100vh - 48px);
    background: var(--colorBarBackground);
    border-right: var(--colorBarBorderBackground);
    text-align: center;
}

.bar-li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    width: 47px;
    height: 47px;
    position: relative;
    background: 0 0;
    border: none;
    color: inherit;
    padding: 0;
    cursor: pointer;
}

    .bar-li:hover {
        background: #E0E0E0;
    }
    span.bar-li-svg {
        color: rgb(96, 94, 92);
    }