iczer
5 years ago
parent
44a99a2987
commit
b5d17cd63b
17 changed files with 192 additions and 162 deletions
@ -1,5 +1,11 @@ |
||||
// 自定义配置，参考 ./default/setting.js，需要自定义的属性在这里配置即可
|
||||
module.exports = { |
||||
themeColor: '#13c2c2', |
||||
theme: 'night' |
||||
theme: { |
||||
color: '#13c2c2', |
||||
mode: 'dark', |
||||
}, |
||||
animate: { |
||||
name: 'rotate', |
||||
direction: 'downLeft' |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,18 @@ |
||||
// admin 配置
|
||||
const ADMIN = { |
||||
palettes: ['#f5222d', '#fa541c', '#fadb14', '#3eaf7c', '#13c2c2', '#1890ff', '#722ed1', '#eb2f96'], |
||||
animates: require('./animate.config').preset, |
||||
theme: { |
||||
mode: { |
||||
DARK: 'dark', |
||||
LIGHT: 'light', |
||||
NIGHT: 'night' |
||||
} |
||||
}, |
||||
layout: { |
||||
SIDE: 'side', |
||||
HEAD: 'head' |
||||
} |
||||
} |
||||
|
||||
module.exports = ADMIN |
||||
@ -0,0 +1,21 @@ |
||||
const direct_s = ['left', 'right'] |
||||
const direct_1 = ['left', 'right', 'down', 'up'] |
||||
const direct_1_b = ['downBig', 'upBig', 'leftBig', 'rightBig'] |
||||
const direct_2 = ['topLeft', 'bottomRight', 'topRight', 'bottomLeft'] |
||||
const direct_3 = ['downLeft', 'upRight', 'downRight', 'upLeft'] |
||||
|
||||
// animate.css 配置
|
||||
const ANIMATE = { |
||||
preset: [ //预设动画配置
|
||||
{name: 'back', alias: '渐近', directions: direct_1}, |
||||
{name: 'bounce', alias: '弹跳', directions: direct_1.concat('default')}, |
||||
{name: 'fade', alias: '淡化', directions: direct_1.concat(direct_1_b).concat(direct_2).concat('default')}, |
||||
{name: 'flip', alias: '翻转', directions: ['x', 'y']}, |
||||
{name: 'lightSpeed', alias: '光速', directions: direct_s}, |
||||
{name: 'rotate', alias: '旋转', directions: direct_3.concat('default')}, |
||||
{name: 'roll', alias: '翻滚', directions: ['default']}, |
||||
{name: 'zoom', alias: '缩放', directions: direct_1.concat('default')}, |
||||
{name: 'slide', alias: '滑动', directions: direct_1}, |
||||
] |
||||
} |
||||
module.exports = ANIMATE |
||||
@ -1,17 +0,0 @@ |
||||
const direct_s = ['left', 'right'] |
||||
const direct_1 = ['left', 'right', 'down', 'up'] |
||||
const direct_1_b = ['downBig', 'upBig', 'leftBig', 'rightBig'] |
||||
const direct_2 = ['topLeft', 'bottomRight', 'topRight', 'bottomLeft'] |
||||
const direct_3 = ['downLeft', 'upRight', 'downRight', 'upLeft'] |
||||
|
||||
module.exports = [ |
||||
{name: 'back', alias: '渐近', directions: direct_1}, |
||||
{name: 'bounce', alias: '弹跳', directions: direct_1.concat('default')}, |
||||
{name: 'fade', alias: '淡化', directions: direct_1.concat(direct_1_b).concat(direct_2).concat('default')}, |
||||
{name: 'flip', alias: '翻转', directions: ['x', 'y']}, |
||||
{name: 'lightSpeed', alias: '光速', directions: direct_s}, |
||||
{name: 'rotate', alias: '旋转', directions: direct_3.concat('default')}, |
||||
{name: 'roll', alias: '翻滚', directions: ['default']}, |
||||
{name: 'zoom', alias: '缩放', directions: direct_1.concat('default')}, |
||||
{name: 'slide', alias: '滑动', directions: direct_1}, |
||||
] |
||||
@ -0,0 +1,78 @@ |
||||
// antd 配置
|
||||
const ANTD = { |
||||
primary: { |
||||
color: '#1890ff', |
||||
light: { |
||||
menuColors: ['#000c17', '#001529', '#002140'] |
||||
}, |
||||
dark: { |
||||
menuColors: ['#000c17', '#001529', '#002140'] |
||||
}, |
||||
night: { |
||||
menuColors: ['#151515', '#1f1f1f', '#1e1e1e'], |
||||
} |
||||
}, |
||||
theme: { |
||||
dark: { |
||||
'layout-body-background': '#f0f2f5', |
||||
'body-background': '#fff', |
||||
'component-background': '#fff', |
||||
'heading-color': 'rgba(0, 0, 0, 0.85)', |
||||
'text-color': 'rgba(0, 0, 0, 0.65)', |
||||
'text-color-inverse': '#fff', |
||||
'text-color-secondary': 'rgba(0, 0, 0, 0.45)', |
||||
'shadow-color': 'rgba(0, 0, 0, 0.15)', |
||||
'border-color-split': '#f0f0f0', |
||||
'background-color-light': '#fafafa', |
||||
'background-color-base': '#f5f5f5', |
||||
'table-selected-row-bg': '#fafafa', |
||||
'checkbox-check-color': '#fff', |
||||
'disabled-color': 'rgba(0, 0, 0, 0.25)', |
||||
'menu-dark-color': 'rgba(254, 254, 254, 0.65)', |
||||
'menu-dark-highlight-color': '#fefefe', |
||||
'menu-dark-arrow-color': '#fefefe', |
||||
'btn-primary-color': '#fff' |
||||
}, |
||||
light: { |
||||
'layout-body-background': '#f0f2f5', |
||||
'body-background': '#fff', |
||||
'component-background': '#fff', |
||||
'heading-color': 'rgba(0, 0, 0, 0.85)', |
||||
'text-color': 'rgba(0, 0, 0, 0.65)', |
||||
'text-color-inverse': '#fff', |
||||
'text-color-secondary': 'rgba(0, 0, 0, 0.45)', |
||||
'shadow-color': 'rgba(0, 0, 0, 0.15)', |
||||
'border-color-split': '#f0f0f0', |
||||
'background-color-light': '#fafafa', |
||||
'background-color-base': '#f5f5f5', |
||||
'table-selected-row-bg': '#fafafa', |
||||
'checkbox-check-color': '#fff', |
||||
'disabled-color': 'rgba(0, 0, 0, 0.25)', |
||||
'menu-dark-color': 'rgba(1, 1, 1, 0.65)', |
||||
'menu-dark-highlight-color': '#fefefe', |
||||
'menu-dark-arrow-color': '#fefefe', |
||||
'btn-primary-color': '#fff', |
||||
}, |
||||
night: { |
||||
'layout-body-background': '#000', |
||||
'body-background': '#141414', |
||||
'component-background': '#141414', |
||||
'heading-color': 'rgba(255, 255, 255, 0.85)', |
||||
'text-color': 'rgba(255, 255, 255, 0.85)', |
||||
'text-color-inverse': '#141414', |
||||
'text-color-secondary': 'rgba(255, 255, 255, 0.45)', |
||||
'shadow-color': 'rgba(255, 255, 255, 0.15)', |
||||
'border-color-split': '#303030', |
||||
'background-color-light': '#ffffff0a', |
||||
'background-color-base': '#2a2a2a', |
||||
'table-selected-row-bg': '#ffffff0a', |
||||
'checkbox-check-color': '#141414', |
||||
'disabled-color': 'rgba(255, 255, 255, 0.25)', |
||||
'menu-dark-color': 'rgba(254, 254, 254, 0.65)', |
||||
'menu-dark-highlight-color': '#fefefe', |
||||
'menu-dark-arrow-color': '#fefefe', |
||||
'btn-primary-color': '#141414', |
||||
} |
||||
} |
||||
} |
||||
module.exports = ANTD |
||||
@ -1,5 +1,6 @@ |
||||
const animates = require('./animates') |
||||
const setting = require('./setting') |
||||
const theme = require('./theme') |
||||
const ANTD = require('./antd.config') |
||||
const ADMIN = require('./admin.config') |
||||
const ANIMATE = require('./animate.config') |
||||
const setting = require('./setting.config') |
||||
|
||||
module.exports = {setting, animates, theme} |
||||
module.exports = {ANTD, ADMIN, ANIMATE, setting} |
||||
|
||||
@ -1,73 +0,0 @@ |
||||
// 主题模式
|
||||
const mode = { |
||||
LIGHT: 'light', |
||||
DARK: 'dark', |
||||
NIGHT: 'night', |
||||
} |
||||
// 亮色模式
|
||||
const light = { |
||||
'layout-body-background': '#f0f2f5', |
||||
'body-background': '#fff', |
||||
'component-background': '#fff', |
||||
'heading-color': 'rgba(0, 0, 0, 0.85)', |
||||
'text-color': 'rgba(0, 0, 0, 0.65)', |
||||
'text-color-inverse': '#fff', |
||||
'text-color-secondary': 'rgba(0, 0, 0, 0.45)', |
||||
'shadow-color': 'rgba(0, 0, 0, 0.15)', |
||||
'border-color-split': '#f0f0f0', |
||||
'background-color-light': '#fafafa', |
||||
'background-color-base': '#f5f5f5', |
||||
'table-selected-row-bg': '#fafafa', |
||||
'checkbox-check-color': '#fff', |
||||
'disabled-color': 'rgba(0, 0, 0, 0.25)', |
||||
'menu-dark-color': 'rgba(1, 1, 1, 0.65)', |
||||
'menu-dark-highlight-color': '#fefefe', |
||||
'menu-dark-arrow-color': '#fefefe', |
||||
'btn-primary-color': '#fff', |
||||
} |
||||
|
||||
// 暗色模式
|
||||
const dark = { |
||||
'layout-body-background': '#f0f2f5', |
||||
'body-background': '#fff', |
||||
'component-background': '#fff', |
||||
'heading-color': 'rgba(0, 0, 0, 0.85)', |
||||
'text-color': 'rgba(0, 0, 0, 0.65)', |
||||
'text-color-inverse': '#fff', |
||||
'text-color-secondary': 'rgba(0, 0, 0, 0.45)', |
||||
'shadow-color': 'rgba(0, 0, 0, 0.15)', |
||||
'border-color-split': '#f0f0f0', |
||||
'background-color-light': '#fafafa', |
||||
'background-color-base': '#f5f5f5', |
||||
'table-selected-row-bg': '#fafafa', |
||||
'checkbox-check-color': '#fff', |
||||
'disabled-color': 'rgba(0, 0, 0, 0.25)', |
||||
'menu-dark-color': 'rgba(254, 254, 254, 0.65)', |
||||
'menu-dark-highlight-color': '#fefefe', |
||||
'menu-dark-arrow-color': '#fefefe', |
||||
'btn-primary-color': '#fff' |
||||
} |
||||
|
||||
// 黑夜模式
|
||||
const night = { |
||||
'layout-body-background': '#000', |
||||
'body-background': '#141414', |
||||
'component-background': '#141414', |
||||
'heading-color': 'rgba(255, 255, 255, 0.85)', |
||||
'text-color': 'rgba(255, 255, 255, 0.85)', |
||||
'text-color-inverse': '#141414', |
||||
'text-color-secondary': 'rgba(255, 255, 255, 0.45)', |
||||
'shadow-color': 'rgba(255, 255, 255, 0.15)', |
||||
'border-color-split': '#303030', |
||||
'background-color-light': '#ffffff0a', |
||||
'background-color-base': '#2a2a2a', |
||||
'table-selected-row-bg': '#ffffff0a', |
||||
'checkbox-check-color': '#141414', |
||||
'disabled-color': 'rgba(255, 255, 255, 0.25)', |
||||
'menu-dark-color': 'rgba(254, 254, 254, 0.65)', |
||||
'menu-dark-highlight-color': '#fefefe', |
||||
'menu-dark-arrow-color': '#fefefe', |
||||
'btn-primary-color': '#141414', |
||||
} |
||||
|
||||
module.exports = {light, dark, night, mode} |
||||
@ -1,6 +1,6 @@ |
||||
const deepmerge = require('deepmerge') |
||||
const _config = require('./config') |
||||
const setting = require('./default').setting |
||||
const {setting} = require('./default') |
||||
const config = deepmerge(setting, _config) |
||||
|
||||
module.exports = config |
||||
|
||||
Loading…
Reference in new issue