1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

export default {

    //当前区域自定义布局方案

    layout: \"DefaultLayout\",

    //自定义当前区域自定义地址

    defaultPath: \"index\",

    //自定义当前区域公共样式

    styles: [demoCss],

    onInit:()=>{

        //配置文件初始化时触发

    },

    onLayoutShow: () => {

        //模板加载完毕后执行，可以处理一些当前模块公共事件

    },

    onTeardown:()=>{

        //区域配置文件卸载监听方法

    }

    //自定义属性...

}

1

2

3

4

5

6

7

8

9

10

11

12

if (this.areaConfig !== areaConfig) {

    this.trigger(\"before:initArea\");

    //卸载原有区域样式

    Utils.removeStyle(this.areaConfig.styles);

    //装载新区域样式

    Utils.insertStyle(areaConfig.styles);

    //执行区域自定义初始化方法，只触发一次

    if (Utils.isFunction(areaConfig.init)) {

        areaConfig.init();

    }

    this.trigger(\"after:initArea\");

}

详见下面例子

1

2

3

4

5

6

import demoCss from \"~/areas/Demo/resource/demo.less\";

import demoCss1 from \"~/areas/Demo/resource/demo.css\";

export default {

    styles: [demoCss,demoCss1]

}

1

2

3

4

5

6

7

8

import demoCss from \"~/areas/Demo/resource/demo.less\";

import demoCss1 from \"~/areas/Demo/resource/demo.css\";

//卸载样式

demoCss.unuse();

//装载样式

demoCss1.use();