# 门户空间配置文件

门户模板的核心配置文件，栏目配置包含在config.layout下，

栏目开发者只需关心自己栏目挂载的位置，方便问题调试与查看自己栏目配置在总配置的什么地方。

其它情况无需查看此页。

# 配置文件总览

布局相关层级

layout

spaces -- 8.1之后，新增视图层

layout-- 8.1之后，新增视图层,视图层内又循环嵌套整个config结构

rows --行

cols --列

columnGroups --栏目组

栏目相关层级从商城的下载的栏目配置文件会挂载到columnGroups的columns数组下。

columnGroups --栏目组

columns --栏目

elements --栏目元素

示意图：

配置文件具体详情

{
    "id": "4902333343970836725",        -- configId，跟url上configId相同，用于请求数据。
    "layoutId": "6915691805717513441",  // 布局id，用于定位已选布局。
    "themeId": "4902333343970836725",   // 主题id，用于加载主题css。
    "left": {                           // 左侧布局区域，用于放置菜单等边侧栏目。
    },
    "top": {},  // 顶部布局区域，用于放置菜单等顶部栏
    "right": {}, // 右侧区域，用于放置菜单等顶部栏
    "bottom": {},// 顶部布局区域，用于放置菜单等顶部栏
    "layout": { // 主视图区域
        "mode":["1"], // 1:打开了左侧，2：打开顶部边侧，两侧可以同时打开
        "spaces":[], // 8.1之后，整个config可能会放入到spaces中，制作多视图门户。
        "rows": [
            {
                "class": "layout-height-100", // 可以给行设置样式
                "cols":[
                    {
                        "class": "col-6",        // 必须要有[col-*]，用于控制栏目横向所占百分比，也可以加自己的样式。
                        "columnGroups": [{      // 栏目组
                            "headerHidden": "1", // 是否隐藏头
                            "columns": [         // 存储栏目单元的数组
                                {
                                    "id": "123456", // 栏目id
                                    "name": "栏目右上角", // 栏目名称
                                    "UUID": "UUID11111111",
                                    "options": [
                                        {"type": "text", name: "高级筛选1"}
                                    ],
                                    "elements": [
                                        {
                                            "id": "123456",
                                            "name": "栏目元素",
                                            "description": "", // 数据源描述信息【可有】
                                            "dataFormat": "", // 数据格式
                                            "dataVersion": "v1"
                                        },
                                        {
                                            "id": "123456",
                                            "name": "更多",
                                            "description": "", // 数据源描述信息【可有】
                                            "linkToColumnGroupRight": "1" , // 是否连接到栏目组右上角
                                            "dataFormat": "",
                                            "dataVersion": "v1"
                                        }
                                    ]
                                }
                            ]
                        }]
                    },
                    { // 列
                        "class": "col-6",
                        "columnGroups": []
                    }
                ]
            }
        ]
    }
}

# config对象属性

参数	说明	类型	可选值	备注
id	配置id	String	—	—
layoutId	模板id	String	—	—
themeId	类型	String	—	—
left	类型	Object	rows/column	边侧布局因为要单独放菜单，所以要支持单独栏目展示，也得支持布局rows。现阶段不支持边侧再布局，只支持单独栏目展示。
top	类型	Object	rows/column	同上
right	类型	Object	rows/column	同上
bottom	类型	Object	rows/column	同上
layout	类型	Object	rows	只支持布局方式，如果是单栏目，也要套用布局。

# 布局主要属性

参数	说明	类型	可选值	备注
rows	配置id	String	—	—
cols	模板id	String	—	—
columnGroups	栏目组	String	—	用于挂载栏目对象

编撰人：yinyanting

快速跳转

门户空间配置文件
- 配置文件总览
  - config对象属性
  - 布局主要属性

← 01 快速开始 03 栏目配置文件说明 →