参考示例: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 | 是否折叠 |