参考示例:Splitter:折叠布局器
<div class="mini-splitter" style="width:350px;height:200px;"> <div size="30%" showCollapseButton="true"> 1 </div> <div showCollapseButton="true"> 2 </div> </div>
<div class="mini-splitter" vertical="true" style="width:350px;height:200px;"> <div size="30%" showCollapseButton="true"> 1 </div> <div showCollapseButton="true"> 2 </div> </div>
Splitter 面板对象,属性如下:
| Name | Type | Description | Default |
|---|---|---|---|
| minSize | Number | 最小尺寸 | 80 |
| maxSize | Number | 最大尺寸 | 3000 |
| size | Number/String | 尺寸 | |
| showCollapseButton | Boolean | 是否显示折叠图标 | |
| cls | String | 面板样式类 | |
| style | String | 面板样式 | |
| visible | Boolean | 是否显示 | |
| expanded | Boolean | 是否折叠 |