风格

目前框架支持以下风格，默认为大陆类型。

类型	配置值
大陆	default
海外	overseas
宁静清晰的深海色调	deepocean
轻盈纯净的蓝宝石色调	sapphire

三种尺寸

框架支持的每种风格都有三种尺寸可选，每种风格默认尺寸为小尺寸。

类型	配置值
小尺寸	small
中尺寸	normal
大尺寸	large

配置方式

CabinX提供了文件cabinx/core/config.js，该文件提供了以下API：

危险

需要在系统级项目的入口页配置，且必须在框架资源加载之前完成配置。

为保证系统体验一致，一个系统仅支持一种风格和尺寸，且组件不支持单独设置尺寸。

• setConfig：设置配置

xxx/index.html

 ...
 seajs.use(['cabinx/core/config.js'],function(coreConfig) {
 
    
    // 设置 CabinX的主题为 海外，尺寸为 中等尺寸
    coreConfig.setConfig({
        themeConfig: { theme: 'overseas', size: 'normal' }
    });
    
    
    //加载框架或其他资源
    seajs.use(['xxx/xxx/xxx'],function(xxx) {
    ...
    });
    ...
});

• getConfig：获取配置

 import coreConfig from 'cabinx/core/config.js';
 
 const config = coreConfig.getConfig();
 
});