前端样式规范说明

1.请在头部引用，引用后会自动加载loading, 当主题加载成功后会自动关闭loading

/fe_resource/lib/byteluck/byteluck.theme.load.js

2.加载主题方法 (blue 品牌蓝、darkblue 深蓝、gray 经典灰、green 青草绿、orange 活力橙), (#306EFF 品牌蓝、#224585 深蓝、#CE3B43 经典灰、#06BE87 青草绿、#EF762F 活力橙)

2.1. 加载不带ant组件与elementUI组件的样式文件

window.addEventListener('load', function () {
    bl.appendTheme('blue');
})

2.2. 加载带ant组件的样式文件

window.addEventListener('load', function () {
    bl.appendTheme('blue', ['ant']);
})

2.3. 加载带elementUI组件的样式文件

window.addEventListener('load', function () {
    bl.appendTheme('blue', ['elementUI']);
})

2.4. 加载带ant组件的样式文件, 加载完成执行自定义函数

window.addEventListener('load', function () {
    bl.appendTheme('blue', ['ant']).then(function() {
        console.log('样式加载完成');
    });
})

2.5. 关闭loading方法

bl.closeLoading();

注意: 如果选择ant或者elementUI的主题样式，需要把项目里的ant或者elementUI样式去掉，theme.load.js会自动给项目添加ant或者elementUI带主题的样式

3.样式使用说明

例子: bl-brand-bg

3.1. bl: 表示bytelucy缩写

3.2. brand: 表示class的意思,这里表示品牌主题的意思

3.3. bg: 表示具体样式key的缩写,这里表示background的缩写

3.4. 如果class名称前面有--的表示提供了css3变量

主题色

功能色

辅助色

字体

圆角