chore: refactor the code of configuration; 🌟
This commit is contained in:
iczer
@@ -1,5 +1,11 @@
|
||||
// 自定义配置，参考 ./default/setting.js，需要自定义的属性在这里配置即可
|
||||
module.exports = {
|
||||
themeColor: '#13c2c2',
|
||||
theme: 'night'
|
||||
theme: {
|
||||
color: '#13c2c2',
|
||||
mode: 'dark',
|
||||
},
|
||||
animate: {
|
||||
name: 'rotate',
|
||||
direction: 'downLeft'
|
||||
}
|
||||
}
|
||||
|
||||
18
src/config/default/admin.config.js
Normal file
18
src/config/default/admin.config.js
Normal file
@@ -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
|
||||
21
src/config/default/animate.config.js
Normal file
21
src/config/default/animate.config.js
Normal file
@@ -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},
|
||||
]
|
||||
78
src/config/default/antd.config.js
Normal file
78
src/config/default/antd.config.js
Normal file
@@ -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,8 +1,10 @@
|
||||
// 此配置为系统默认设置，需修改的设置项，在src/config/config.js中添加修改项即可。也可直接在此文件中修改。
|
||||
module.exports = {
|
||||
lang: 'CN', //语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
|
||||
themeColor: '#1890ff', //主题色
|
||||
theme: 'dark', //主题模式，可选 dark 和 light，用于设置导航栏是亮色还是暗色
|
||||
theme: { //主题
|
||||
color: '#1890ff', //主题色
|
||||
mode: 'dark', //主题模式 可选 dark、 light 和 night
|
||||
},
|
||||
layout: 'side', //导航布局，可选 side 和 head，分别为侧边导航和顶部导航
|
||||
fixedHeader: false, //固定头部状态栏，true:固定，false:不固定
|
||||
fixedSideBar: true, //固定侧边栏，true:固定，false:不固定
|
||||
@@ -12,8 +14,8 @@ module.exports = {
|
||||
systemName: 'Vue Antd Admin', //系统名称
|
||||
copyright: '2018 ICZER 工作室出品', //copyright
|
||||
animate: { //动画设置
|
||||
name: 'bounce', //动画效果，支持的动画效果可参考 ./animates.js
|
||||
direction: 'left' //动画方向，切换页面时动画的方向，参考 ./animates.js
|
||||
name: 'bounce', //动画效果，支持的动画效果可参考 ./animate.config.js
|
||||
direction: 'left' //动画方向，切换页面时动画的方向，参考 ./animate.config.js
|
||||
},
|
||||
footerLinks: [ //页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
|
||||
{link: 'https://pro.ant.design', name: 'Pro首页'},
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user