[TOC]
## 面板 panel
### 默認面板
~~~
<section class="ui-panel">
<h2 class="ui-arrowlink">猜你喜歡<span class="ui-panel-subtitle">1328條</span></h2>
<ul class="ui-grid-trisect">
<li>
<div class="ui-border">
<div class="ui-grid-trisect-img">
<span style="background-image:url(http://placeholder.qiniudn.com/190x284)"></span>
</div>
<div>
<h4 class="ui-nowrap-multi">長書名長書名長書名長書名長書名長書名長書名</h4>
<h5 class="ui-nowrap">小仙</h5>
</div>
</div>
</li>
<li>
<div class="ui-border">
<div class="ui-grid-trisect-img">
<span style="background-image:url(http://placeholder.qiniudn.com/190x284)"></span>
</div>
<div>
<h4 class="ui-nowrap-multi">長書名長書名長書名長書名長書名長書名長書名</h4>
<h5 class="ui-nowrap">小仙</h5>
</div>
</div>
</li>
<li>
<div class="ui-border">
<div class="ui-grid-trisect-img">
<span style="background-image:url(http://placeholder.qiniudn.com/190x284)"></span>
</div>
<div>
<h4 class="ui-nowrap-multi">長書名長書名長書名長書名長書名長書名長書名</h4>
<h5 class="ui-nowrap">小仙</h5>
</div>
</div>
</li>
</ul>
</section>
~~~
### ui-panel-simple沒有下邊距
~~~
<section class="ui-panel ui-panel-simple ui-border-tb">
<h2 class="ui-arrowlink"><span>評論</span><span class="ui-panel-subtitle">1328條</span><span class="ui-panel-title-tips">更多評論</span></h2>
</section>
~~~
### 簡單版，標題字體較小
~~~
<section class="ui-panel ui-panel-pure ui-border-t">
<h3>歷史搜索：</h3>
<ul class="ui-list ui-list-pure ui-border-tb">
<li class="ui-border-t">
<h5><span>1.faycheng </span><span class="date"> 2月12日</span></h5>
<h4>這本書太贊了，每次看都有不一樣的體會和感悟，超級喜歡！期待大結局。</h4>
</li>
<li class="ui-border-t">
<h5><span>2.faycheng </span><span class="date"> 2月12日</span></h5>
<h4>標題標題標題標題標題標題題標題標題標題標題標題標題標題標題標題</h4>
</li>
<li class="ui-border-t">
<h5><span>3.faycheng </span><span class="date"> 2月12日</span></h5>
<h4>標題標題標題標題標題標題題標題標題標題標題標題標題標題標題標題</h4>
</li>
</ul>
</section>
~~~
