面板Panel

Panel Default

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<div class="panel">
    <div class="title">Panel Default</div>
    <div class="content">Content</div>
</div>

扩展Extended

带有<small>标签及折叠、关闭功能

Panel DefaultSecondary text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<div class="panel">
    <div class="title">Panel Default<small>Secondary text</small></div>
    <div class="content">Content</div>
    <div class="action"><i data-fold="panel" class="flaticon-up136"></i><i data-close="panel" class="flaticon-cross89"></i></div>
</div>

自定义Custom

<div class="title">添加颜色属性,可添加图片及徽章,更多颜色属性请至属性中查询

Panel DefaultSecondary textNew

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<div class="panel">
    <div class="title bg-red c-fff">
        <i class="flaticon-black391"></i>Panel Default<small>Secondary text</small><span class="badge">New</span>
    </div>
    <div class="content">Content</div>
    <div class="action c-fff"><i data-fold="panel" class="flaticon-up136"></i><i data-close="panel" class="flaticon-cross89"></i></div>
</div>