layui-ul/source/components/list/ul-avatar-list/_index.scss

.ul-avatar-list {

    /* 用户头像开始 */
    .ul-avatar-list-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px;
        background-color: rgb(229, 228, 228);
    }

    .ul-avatar-list-item.current {
        background-color: rgb(216, 215, 215);
    }

    .ul-avatar-list-item-img {
        height: 48px;
        width: 48px;
        background-image: url("/static/images/avatar.png");
        background-size: cover;
        background-position: center;
        border-radius: 3px;
        background-color: #fff;
    }

    .ul-avatar-list-item-info {
        margin-left: 10px;
        position: relative;
        width: calc(100% - 48px - 10px);
    }

    .ul-avatar-list-item-time {
        position: absolute;
        right: 0;
        top: 0;
        color: rgb(187, 187, 187);
    }

    .ul-avatar-list-item-tips {
        color: rgb(187, 187, 187);
        font-size: 14px;
        display: inline-block;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}