帶有縮略圖的列表布局原理跟普通列表是基本相同的，我們借助.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`會默認填滿整個容器
