1.0.5 • Published 4 years ago
@riil-frontend/block-layout v1.0.5
RiilLayout
简介：RiilLayout
#双列布局使用说明
Layout ，布局容器
Top 头部布局
| 属性 | 类型 | 说明 |
|---|---|---|
| className | String | 扩展样式类名 |
| style | Object | 自定样式布局 |
| grid | number | 纵向栅格布局 |
CTop 次头部（使用场景，面包屑）
| 属性 | 类型 | 说明 |
|---|---|---|
| style | Object | 自定样式布局 |
| grid | number | 纵向栅格布局 |
Content 内容组件布局
| 属性 | 类型 | 说明 |
|---|---|---|
| className | String | 扩展样式类名 |
| style | Object | 自定样式布局 |
| hasClose | boolean | 是否显示关闭按钮 |
| closeContent | func | 点击内容区域关闭按钮回调 |
| isOpenContent | boolean | 是否打开内容布局，默认打开 |
| flex | number | 横向占比，与拖拽列表同用时不要使用此属性 |
| hasMutiWindow | boolean | 是否显示多窗口按钮 |
| secondWindowsWidth | number | 第二窗口初始宽度 |
| secondtWindowsHeight | number | 第二窗口初始高度 |
| minResizeWidth | number | 第二窗口最小宽度 |
| minResizeHeight | number | 第二窗口最小高度 |
ContentColumn 横向布局（左右排列，包裹容器）
| 属性 | 类型 | 说明 |
|---|---|---|
| className | String | 扩展样式类名 |
| style | Object | 自定样式布局 |
LeftSide 左侧边导航
| 属性 | 类型 | 说明 |
|---|---|---|
| className | String | 扩展样式类名 |
| style | Object | 自定样式布局 |
| flex | number | 横向占比 |
LeftList 左侧列表
| 属性 | 类型 | 说明 |
|---|---|---|
| className | String | 扩展样式类名 |
| style | Object | 自定样式布局 |
| enableShrink | boolean | 是否开启列表收缩功能，默认不开启 |
| enableDrag | boolean | 是否开启拖拽功能，默认不开启 |
| flex | number | 横向占比,在开启拖拽功能时，开启此功能无效 |