ZUI 3面板
基本使用
一个面板通常包含标题，内容，底部三部分。标题，底部可按需选择使用。
面板标题
面板内容
不同主题
除默认主题外，另外提供6种主题样式。
面板标题
面板内容
面板标题
面板内容
面板标题
面板内容
面板标题
面板内容
面板标题
面板内容
面板标题
面板内容
面板组
搭配CSS工具类 space-* 可实现面板组效果。
面板标题
面板内容
面板标题
面板内容
面板标题
面板内容
与表格组合使用
包含表格
| 项目名称 | 负责人 | 计划开始 | 计划完成 |
|---|---|---|---|
| ZUI1 | 研发 | 今天 | 今天 |
| ZUI2 | 研发 | 明天 | 明天 |
| ZUI3 | 研发 | 后天 | 后天 |
CSS 类
面板提供了如下 CSS 类：
| 类 | 类型 | 作用 |
|---|---|---|
panel | 实体类 | 元素作为面板组件 |
panel-heading | 实体类 | 元素作为面板头部组件 |
panel-title | 实体类 | 元素作为面板头部标题组件 |
panel-body | 实体类 | 元素作为面板主体组件 |
panel-footer | 实体类 | 元素作为面板尾部组件 |
CSS 变量
面板提供了如下 CSS 变量：
| 变量名称 | 变量含义 |
|---|---|
--panel-heading-bg | 标题背景色 |
--panel-footer-bg | 底部背景色 |