带有缩略图的列表布局原理跟普通列表是基本相同的，我们借助.aui-img来实现带有缩略图的列表布局。
`.aui-img-object` : 显示的图片
`.aui-img-body`：文字内容区域
使用`.aui-pull-left`或`.aui-pull-right`来控制图片和文字的位置。
~~~
<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="../image/demo4.png">
<div class="aui-img-body">
标题
<p>内容介绍</p>
</div>
</li>
</ul>
</div>
~~~
当没有图片时，即`.aui-img-object`不存在时，`.aui-img-body`会默认填满整个容器
