## Cell
`Cell`，列表視圖，用于將信息以列表的結構顯示在頁面上，是wap上最常用的內容結構。`Cell`由多個section組成，每個section包括section header`weui-cells__title`以及cells`weui-cells`。
`cell`由thumbnail`weui-cell__hd`、body`weui-cell__bd`、accessory`weui-cell__ft`三部分組成，其中`weui-cell__bd`采用自適應布局.
~~~
<div class="weui-cells__title">帶說明的列表項</div>
<div class="weui-cells">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>標題文字</p>
</div>
<div class="weui-cell__ft">說明文字</div>
</div>
</div>
<div class="weui-cells__title">帶圖標、說明的列表項</div>
<div class="weui-cells">
<div class="weui-cell">
<div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div>
<div class="weui-cell__bd">
<p>標題文字</p>
</div>
<div class="weui-cell__ft">說明文字</div>
</div>
<div class="weui-cell">
<div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div>
<div class="weui-cell__bd">
<p>標題文字</p>
</div>
<div class="weui-cell__ft">說明文字</div>
</div>
</div>
<div class="weui-cells__title">帶跳轉的列表項</div>
<div class="weui-cells">
<a class="weui-cell weui-cell_access" href="javascript:;">
<div class="weui-cell__bd">
<p>cell standard</p>
</div>
<div class="weui-cell__ft">
</div>
</a>
<a class="weui-cell weui-cell_access" href="javascript:;">
<div class="weui-cell__bd">
<p>cell standard</p>
</div>
<div class="weui-cell__ft">
</div>
</a>
</div>
<div class="weui-cells__title">帶說明、跳轉的列表項</div>
<div class="weui-cells">
<a class="weui-cell weui-cell_access" href="javascript:;">
<div class="weui-cell__bd">
<p>cell standard</p>
</div>
<div class="weui-cell__ft">說明文字</div>
</a>
<a class="weui-cell weui-cell_access" href="javascript:;">
<div class="weui-cell__bd">
<p>cell standard</p>
</div>
<div class="weui-cell__ft">說明文字</div>
</a>
</div>
<div class="weui-cells__title">帶圖標、說明、跳轉的列表項</div>
<div class="weui-cells">
<a class="weui-cell weui-cell_access" href="javascript:;">
<div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div>
<div class="weui-cell__bd">
<p>cell standard</p>
</div>
<div class="weui-cell__ft">說明文字</div>
</a>
<a class="weui-cell weui-cell_access" href="javascript:;">
<div class="weui-cell__hd"><img src="..." alt="" style="width:20px;margin-right:5px;display:block"></div>
<div class="weui-cell__bd">
<p>cell standard</p>
</div>
<div class="weui-cell__ft">說明文字</div>
</a>
</div>
~~~
