perf: 优化大屏的背景渲染方式,提升性能

This commit is contained in:
MTrun
2022-02-10 16:34:34 +08:00
parent 902145df71
commit 7747ac07ed
4 changed files with 25 additions and 150 deletions
-141
View File
@@ -1,141 +0,0 @@
// 马卡龙
const colorDefault = [
'#4992ff',
'#4992ff',
'#fddd60'
]
// 马卡龙
const colorMacarons = [
'#2ec7c9',
'#b6a2de',
'#5ab1ef',
'#ffb980',
'#d87a80',
'#8d98b3',
'#e5cf0d',
'#97b552',
'#95706d',
'#dc69aa',
'#07a2a4',
'#9a7fd1',
'#588dd5',
'#f5994e',
'#c05050',
'#59678c',
'#c9ab00',
'#7eb00a',
'#6f5553',
'#c14089'
]
// 复古色
const colorVintage = [
'#2ec7c9',
'#b6a2de',
'#5ab1ef',
'#ffb980',
'#d87a80',
'#8d98b3',
'#e5cf0d',
'#97b552',
'#95706d',
'#dc69aa',
'#07a2a4',
'#9a7fd1',
'#588dd5',
'#f5994e',
'#c05050',
'#59678c',
'#c9ab00',
'#7eb00a',
'#6f5553',
'#c14089'
]
// 信息(橘黄)
const colorInfographic = [
'#C1232B',
'#27727B',
'#FCCE10',
'#E87C25',
'#B5C334',
'#FE8463',
'#9BCA63',
'#FAD860',
'#F3A43B',
'#60C0DD',
'#D7504B',
'#C6E579',
'#F4E001',
'#F0805A',
'#26C0C0'
]
// 阳光(深蓝)
const colorShine = [
'#c12e34',
'#e6b600',
'#0098d9',
'#2b821d',
'#005eaa',
'#339ca8',
'#cda819',
'#32a487'
]
// 罗马红
const colorRoma = [
'#e01f54',
'#001852',
'#f5e8c8',
'#b8d2c7',
'#c6b38e',
'#a4d8c2',
'#f3d999',
'#d3758f',
'#dcc392',
'#2e4783',
'#82b6e9',
'#ff6347',
'#a092f1',
'#0a915d',
'#eaf889',
'#6699FF',
'#ff6666',
'#3cb371',
'#d5b158',
'#38b6b6'
]
export const chartColors = [
{
name: '默认',
key: 'colorMacarons',
colors: colorMacarons
},
{
name: '马卡龙',
key: 'colorMacarons',
colors: colorMacarons
},
{
name: '复古',
key: 'colorVintage',
colors: colorVintage
},
{
name: '阳光蓝',
key: 'colorShine',
colors: colorShine
},
{
name: '信息黄',
key: 'colorInfographic',
colors: colorInfographic
},
{
name: '罗马红',
key: 'colorRoma',
colors: colorRoma
},
]
+3
View File
@@ -51,3 +51,6 @@ export const borderRadius = '6px'
// 轮播间隔
export const carouselInterval = 4000
// 工作台大屏背景图片大小限制(5M)
export const backgroundImageSize = 5