缩略图列表

带有缩略图的列表效果,在.aui-list-view-cell 增加.aui-img即可实现,可以通过.aui-pull-left来控制图片的位置

<div class="aui-content"><ul class="aui-list-view">
            <li class="aui-list-view-cell aui-img">
                <img class="aui-img-object aui-pull-left" src="/Public/Image/aui/demo2.png" /><div class="aui-img-body">
                    图文列表
                    <p class="aui-ellipsis-2">图文列表缩略图在左边的样式,默认大小为80PX,文字介绍内容可以为一行也可以为两行,超出部分自动省略</p></div></li>
            <li class="aui-list-view-cell aui-img">
                <img class="aui-img-object aui-pull-left" src="/Public/Image/aui/demo5.png" /><div class="aui-img-body">
                    图文列表
                    <p class="aui-ellipsis-2">图文列表缩略图在左边的样式,默认大小为80PX,文字介绍内容可以为一行也可以为两行,超出部分自动省略</p></div></li>
            <li class="aui-list-view-cell aui-img"><div class="aui-img-body">
                    图文列表
                    <p class="aui-ellipsis-2">图文列表缩略图在左边的样式,默认大小为80PX,文字介绍内容可以为一行也可以为两行,超出部分自动省略</p></div></li>
            <li class="aui-list-view-cell aui-img">
                <img class="aui-img-object aui-pull-left" src="/Public/Image/aui/demo6.png" /><div class="aui-img-body">
                    图文列表
                    <p class="aui-ellipsis-2">图文列表缩略图在左边的样式,默认大小为80PX,文字介绍内容可以为一行也可以为两行,超出部分自动省略</p></div></li>
        </ul></div>