53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
// 颜色配置文件 - 集中管理所有UI颜色配置
|
|
|
|
// 主颜色配置对象
|
|
const COLOR_CONFIG = {
|
|
// 主色调
|
|
primary: '#1890ff',
|
|
success: '#52c41a',
|
|
warning: '#fa8c16',
|
|
error: '#f5222d',
|
|
purple: '#722ed1',
|
|
cyan: '#13c2c2',
|
|
teal: '#36cfc9',
|
|
|
|
// 统计卡片颜色配置
|
|
statCardColors: [
|
|
'#1890ff', // blue
|
|
'#52c41a', // green
|
|
'#fa8c16', // orange
|
|
'#f5222d', // red
|
|
'#722ed1', // purple
|
|
'#13c2c2' // cyan
|
|
],
|
|
|
|
// 颜色代码到CSS类的映射
|
|
colorClassMap: {
|
|
'#1890ff': 'blue',
|
|
'#52c41a': 'green',
|
|
'#fa8c16': 'orange',
|
|
'#f5222d': 'red',
|
|
'#722ed1': 'purple',
|
|
'#13c2c2': 'cyan',
|
|
'#36cfc9': 'teal'
|
|
},
|
|
|
|
// 获取颜色对应的CSS类名
|
|
getColorClassName: function(colorCode) {
|
|
return this.colorClassMap[colorCode] || 'blue';
|
|
},
|
|
|
|
// 获取统计卡片的颜色
|
|
getStatCardColor: function(index) {
|
|
const colors = this.statCardColors;
|
|
return colors[index % colors.length];
|
|
}
|
|
};
|
|
|
|
// 导出配置对象
|
|
if (typeof module !== 'undefined' && module.exports) {
|
|
module.exports = COLOR_CONFIG;
|
|
} else {
|
|
// 浏览器环境
|
|
window.COLOR_CONFIG = COLOR_CONFIG;
|
|
} |