面板

默认面板

<section class="ui-panel ui-grid ui-grid-trisect">
    <h2 class="ui-arrowlink">猜你喜欢<span class="ui-panel-subtitle">1328条</span></h2>
    <ul>
        <li>
            <div class="ui-img-vertical">
                <span style="background-image:url(http://placeholder.qiniudn.com/190x284)"></span>
            </div>
            <div class="ui-grid-info ui-border-r">
                <h4 class="ui-nowrap-multi">我是主标题</h4>
                <p class="ui-nowrap">这里是副标题</p>
            </div>
        </li>
        <li>
            <div class="ui-img-vertical">
                <span style="background-image:url(http://placeholder.qiniudn.com/190x284)"></span>
            </div>
            <div class="ui-grid-info ui-border-r">
                <h4 class="ui-nowrap-multi">我是主标题</h4>
                <p class="ui-nowrap">这里是副标题</p>
            </div>
        </li>
        <li>
            <div class="ui-img-vertical">
                <span style="background-image:url(http://placeholder.qiniudn.com/190x284)"></span>
            </div>
            <div class="ui-grid-info ui-border-r">
                <h4 class="ui-nowrap-multi">我是主标题</h4>
                <p class="ui-nowrap">这里是副标题</p>
            </div>
        </li>
    </ul>
    <div class="ui-panel-more ui-border-tb">
        <span class="ui-arrowlink">查看全部</span>
    </div>
</section>

居中面板

<section class="ui-panel ui-panel-center ui-border-tb">
    <h2 class="ui-arrowlink"><span>标题文字</span>
    <span class="ui-panel-title-tips">分类更多</span></h2>
</section>

多行居中面板

<section class="ui-panel ui-panel-center-multi ui-border-tb">
    <h2 class="ui-arrowlink"><span>标题文字</span>
    <span class="ui-panel-subtitle">副标题文字</span>
    <span class="ui-panel-title-tips">分类更多</span>
    </h2>
</section>