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

<div class="ul-avatar-list">
    <div class="ul-avatar-list-item">
        <div class="ul-avatar-list-item-img"></div>
        <div class="ul-avatar-list-item-info">
            <div class="ul-avatar-list-item-title">
                张三
            </div>
            <div class="ul-avatar-list-item-tips">
                深山旅馆电话事件的最新消息
            </div>
            <div class="ul-avatar-list-item-time">
                19:54
            </div>
        </div>
    </div>
    <div class="ul-avatar-list-item">
        <div class="ul-avatar-list-item-img"></div>
        <div class="ul-avatar-list-item-info">
            <div class="ul-avatar-list-item-title">
                张三
            </div>
            <div class="ul-avatar-list-item-tips">
                深山旅馆电话事件的最新消息
            </div>
            <div class="ul-avatar-list-item-time">
                19:54
            </div>
        </div>
    </div>
</div>
<div class="ul-avatar-list" style="width: 400px;">
    <div class="ul-avatar-list-item">
        <div class="ul-avatar-list-item-img"></div>
        <div class="ul-avatar-list-item-info">
            <div class="ul-avatar-list-item-title">
                张三
            </div>
            <div class="ul-avatar-list-item-tips">
                深山旅馆电话事件的最新消息
            </div>
            <div class="ul-avatar-list-item-time">
                19:54
            </div>
        </div>
    </div>
    <div class="ul-avatar-list-item">
        <div class="ul-avatar-list-item-img"></div>
        <div class="ul-avatar-list-item-info">
            <div class="ul-avatar-list-item-title">
                张三
            </div>
            <div class="ul-avatar-list-item-tips">
                深山旅馆电话事件的最新消息
            </div>
            <div class="ul-avatar-list-item-time">
                19:54
            </div>
        </div>
    </div>
</div>
<div class="ul-avatar-list" style="width: 200px;">
    <div class="ul-avatar-list-item current">
        <div class="ul-avatar-list-item-img"></div>
        <div class="ul-avatar-list-item-info">
            <div class="ul-avatar-list-item-title">
                张三
            </div>
            <div class="ul-avatar-list-item-tips">
                深山旅馆电话事件的最新消息
            </div>
            <div class="ul-avatar-list-item-time">
                19:54
            </div>
        </div>
    </div>
    <div class="ul-avatar-list-item">
        <div class="ul-avatar-list-item-img"></div>
        <div class="ul-avatar-list-item-info">
            <div class="ul-avatar-list-item-title">
                张三
            </div>
            <div class="ul-avatar-list-item-tips">
                深山旅馆电话事件的最新消息
            </div>
            <div class="ul-avatar-list-item-time">
                19:54
            </div>
        </div>
    </div>
</div>