wiz-frameworks/docs/wizLayoutTemplate.md

wizlong react framework

#通用配置化布局界面配置

## 一、总体配置

根据布局分为header、content、sider、footer四个局部的配置、主题容器的属性（antd-Layout的属性）及容器名称

```json
setting:
{
    componentName:'componentName'
    mainProps:{},
    header:{},
    sider:{},
    content:{},
    footer:{},
}
```
## 二、局部配置

### 1、使用组件

调用组件需要指定容器的名称，容器的参数和容器的属性

```json
header:
{  
   name: 'introduce',
   params: {
       title: '示例',
       describe: '这是一个header部分的示例'
   }
   componentProps: {
       className: 'header-a'
   }
}
```

### 2、自定义组件

自定义组件需要指定名称和提供组件

```json
header:
{
    name: 'WizCard',
    params: {
        title: ' 卡片 ',
        style: { width: 300, margin: 30 },
        children: [
            <div>允许自定义的内容</div>,
            <div>允许自定义的内容</div>,
            <Custom/>
        ]
    }
}
```