style: 统一使用 #3C74F1 作为主色调
- 将实时信息页面的激活状态边框和背景色改为 #3C74F1 - 更新折线图组件的颜色配置,使用 #3C74F1 替代原有颜色 - 添加备用颜色列表并注释掉未使用的颜色函数
This commit is contained in:
parent
3a29305df7
commit
579f4c1390
|
|
@ -31,7 +31,7 @@ watch(
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
const colorList = ["#F05040", "#696BBE", "#93CFED", "#FE9F19", "#3C74F1", "#F05040", "#696BBE", "#93CFED", "#FE9F19", "#3C74F1"];
|
||||||
// 初始化图表
|
// 初始化图表
|
||||||
const initChart = () => {
|
const initChart = () => {
|
||||||
myChart = echarts.init(chartDom.value);
|
myChart = echarts.init(chartDom.value);
|
||||||
|
|
@ -127,9 +127,13 @@ const initChart = () => {
|
||||||
show: true,
|
show: true,
|
||||||
},
|
},
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: "#52A8FF",
|
color: "#3C74F1",
|
||||||
normal: {
|
normal: {
|
||||||
borderRadius: [0, 4, 4, 0],
|
borderRadius: [0, 4, 4, 0],
|
||||||
|
color: "#3C74F1",
|
||||||
|
// color: function (params) {
|
||||||
|
// return colorList[params.dataIndex];
|
||||||
|
// },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
data: Object.keys(builderJson.charts).map(function (key) {
|
data: Object.keys(builderJson.charts).map(function (key) {
|
||||||
|
|
|
||||||
|
|
@ -95,6 +95,10 @@ const initChart = () => {
|
||||||
color: "#FFCE34",
|
color: "#FFCE34",
|
||||||
normal: {
|
normal: {
|
||||||
borderRadius: [0, 4, 4, 0],
|
borderRadius: [0, 4, 4, 0],
|
||||||
|
color: "#3C74F1",
|
||||||
|
// color: function (params) {
|
||||||
|
// return colorList[params.dataIndex];
|
||||||
|
// },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
encode: {
|
encode: {
|
||||||
|
|
|
||||||
|
|
@ -496,8 +496,8 @@ onMounted(async () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
border: 1px solid #007bff;
|
border: 1px solid #3c74f1;
|
||||||
background-color: #007bff;
|
background-color: #3c74f1;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue