widgetBox-ace页面中的一块封闭的区域,有些类似弹出框,不过它是潜在页面中的。
最外围的样式,定义一个box
.widget-box
{
}
//如果不需要背景色,添加此样式
.widget-box.transparent
{//头部透明,可选用
}
widget-box.transparent>.widget-header
{
}
.widget-box.transparent .widget-body
{
}
//如果使用了这个样式就会把widget-header的背景样式都给覆盖
,可选用
widget-header-flat
{
}
//头部样式
.widget-header
{
}
//头部工具栏,可以是下拉菜单、按钮、tab页标签等,只要能放的下都可以定义
.widget-toolbar {
}
//内容区
.widget-body
{
}
案例
<div class="widget-box transparent">
<div class="widget-header widget-header-flat">
<h4>隐藏header-widget-box</h4>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="icon-chevron-up"></i>
</a>
</div>
</div>
<div class="widget-body">
测试隐藏header-widget-box
</div>
</div>