當(dāng)然這不僅局限于通訊錄的樣式，好友類、消息類、附近的人都可以用這個(gè)來(lái)實(shí)現(xiàn)，右側(cè)也可以加上箭頭。想要更豐富一點(diǎn)那就自己動(dòng)手再自定義一下

使用效果跟.aui-list-view是一樣的，無(wú)非在這我們使用.aui-user-view來(lái)完成

<div class="aui-content">
    <ul class="aui-user-view">
        <li class="aui-user-view-cell aui-img">
            <img class="aui-img-object aui-pull-left" src="https://atts.w3cschool.cn/attachments/image/cimg/demo4.png">
            <div class="aui-img-body">
                <span>流浪男<em>11.1KM</em></span>
                <p class='aui-ellipsis-1'>北京輕元素網(wǎng)絡(luò)科技</p>
            </div>
        </li>
    </ul>
</div>