Skip to content

C
cxsfjx_project_echarts
提交 3bde422c authored 作者: 胡园辉's avatar 胡园辉
浏览文件
操作

fix（样式修改回归)

上级 0ffe87cb
隐藏空白字符变更
内嵌 并排
正在显示 包含 117 行增加 和 27 行删除
src/views/dataCenter/industrial/model/BusinessIncome/index.vue
浏览文件 @ 3bde422c
...@@ -200,10 +200,10 @@ export default defineComponent({ ...@@ -200,10 +200,10 @@ export default defineComponent({
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 22px; font-size: 22px;
color: #333; color: #d4f7ff;
span { span {
font-size: 16px; font-size: 16px;
color: #666; // color: #19ecff;
} }
img { img {
width: 35px; width: 35px;
...@@ -211,7 +211,7 @@ export default defineComponent({ ...@@ -211,7 +211,7 @@ export default defineComponent({
} }
.mony-number { .mony-number {
font-size: 36px; font-size: 36px;
color: #4198ff; color: #19ecff;
} }
} }
} }
...@@ -227,21 +227,22 @@ export default defineComponent({ ...@@ -227,21 +227,22 @@ export default defineComponent({
margin: 0 15px 10px 0; margin: 0 15px 10px 0;
padding: 10px 15px; padding: 10px 15px;
border-radius: 5px; border-radius: 5px;
background: #f8f9fb; // background: #f8f9fb;
background: rgba(25, 125, 237, 0.2);
.el-row { .el-row {
font-size: 14px; font-size: 14px;
color: #333; color: #d4f7ff;
} }
.pie-value { .pie-value {
margin-top: 5px; margin-top: 5px;
padding-left: 20px; padding-left: 20px;
font-size: 12px; font-size: 12px;
color: #999; color: #d4f7ff;
display: flex; display: flex;
align-items: center; align-items: center;
span { span {
margin-right: 5px; margin-right: 5px;
color: #4198ff; color: #19ecff;
font-size: 20px; font-size: 20px;
} }
} }
......
src/views/dataCenter/industrial/model/IncomDistribution/index.vue
浏览文件 @ 3bde422c
...@@ -121,6 +121,9 @@ export default defineComponent({ ...@@ -121,6 +121,9 @@ export default defineComponent({
}, },
legend: { legend: {
right: "2%", right: "2%",
textStyle:{
color:"#d4f7ff"
}
}, },
grid: { grid: {
left: "0%", left: "0%",
...@@ -134,17 +137,49 @@ export default defineComponent({ ...@@ -134,17 +137,49 @@ export default defineComponent({
name: "金额(亿元)", name: "金额(亿元)",
min: -10, min: -10,
max: 1600, max: 1600,
splitLine: {
lineStyle: {
// 使用深浅的间隔色
type: 'dashed',
color: ["#0087ED"],
},
},
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
{ {
type: "value", type: "value",
name: "增长率%", name: "增长率%",
min: -10, min: -10,
max: 100, max: 100,
splitLine: {
lineStyle: {
// 使用深浅的间隔色
type: 'dashed',
color: ["#0087ED"],
},
},
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
], ],
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
series: [...seriesBarList, ...seriesLineList], series: [...seriesBarList, ...seriesLineList],
}; };
...@@ -220,7 +255,7 @@ export default defineComponent({ ...@@ -220,7 +255,7 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.title { .title {
color: #4198ff; color: #ffffff;
margin: 30px 0 10px 0; margin: 30px 0 10px 0;
font-size: 14px; font-size: 14px;
} }
......
src/views/dataCenter/industrial/model/IncomExtendLine/index.vue
浏览文件 @ 3bde422c
...@@ -99,17 +99,18 @@ export default defineComponent({ ...@@ -99,17 +99,18 @@ export default defineComponent({
label: { label: {
show: true, show: true,
position: "top", position: "top",
color:"#19ecff",
}, },
areaStyle: { areaStyle: {
opacity: 0.8, opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ {
offset: 0, offset: 0,
color: "#4198ff", color: "#2b81cb",
}, },
{ {
offset: 1, offset: 1,
color: "#fff", color: "#0e3c73",
}, },
]), ]),
}, },
...@@ -140,6 +141,12 @@ export default defineComponent({ ...@@ -140,6 +141,12 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
series: seriesLine, series: seriesLine,
}; };
...@@ -193,10 +200,10 @@ export default defineComponent({ ...@@ -193,10 +200,10 @@ export default defineComponent({
padding: 10px 15px; padding: 10px 15px;
margin-right: 15px; margin-right: 15px;
background: #f8f9fb; background: rgba(25, 125, 237, 0.2);
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #333; color: #d4f7ff;
&:last-of-type { &:last-of-type {
margin-right: 0; margin-right: 0;
...@@ -204,11 +211,11 @@ export default defineComponent({ ...@@ -204,11 +211,11 @@ export default defineComponent({
.value-des { .value-des {
margin-top: 10px; margin-top: 10px;
font-size: 12px; font-size: 12px;
color: #999; color: #d4f7ff;
.value-des-val { .value-des-val {
font-size: 20px; font-size: 20px;
margin-right: 5px; margin-right: 5px;
color: #4198ff; color: #19ecff;
} }
.value-des-unit { .value-des-unit {
color: #4198ff; color: #4198ff;
...@@ -217,7 +224,7 @@ export default defineComponent({ ...@@ -217,7 +224,7 @@ export default defineComponent({
} }
} }
.text { .text {
color: #4198ff; color: #ffffff;
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: 14px;
} }
......
src/views/dataCenter/industrial/model/Industrial/index.vue
浏览文件 @ 3bde422c
...@@ -168,22 +168,57 @@ export default defineComponent({ ...@@ -168,22 +168,57 @@ export default defineComponent({
}, },
legend: { legend: {
right: "2%", right: "2%",
textStyle:{
color:"#d4f7ff"
}
}, },
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
name: "金额(亿元)", name: "金额(亿元)",
splitLine: {
lineStyle: {
// 使用深浅的间隔色
type: 'dashed',
color: ["#0087ED"],
},
},
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
{ {
type: "value", type: "value",
name: "增长率%", name: "增长率%",
min: -10, min: -10,
max: 100, max: 100,
splitLine: {
lineStyle: {
// 使用深浅的间隔色
type: 'dashed',
color: ["#0087ED"],
},
},
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
], ],
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
series: [...seriesBarList, ...seriesLineList], series: [...seriesBarList, ...seriesLineList],
}; };
...@@ -287,10 +322,11 @@ export default defineComponent({ ...@@ -287,10 +322,11 @@ export default defineComponent({
padding: 10px 15px; padding: 10px 15px;
margin-right: 15px; margin-right: 15px;
background: #f8f9fb; // background: #f8f9fb;
background: rgba(25, 125, 237, 0.2);
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #333; color: #d4f7ff;
&:last-of-type { &:last-of-type {
margin-right: 0; margin-right: 0;
...@@ -298,11 +334,11 @@ export default defineComponent({ ...@@ -298,11 +334,11 @@ export default defineComponent({
.value-des { .value-des {
margin-top: 10px; margin-top: 10px;
font-size: 12px; font-size: 12px;
color: #999; color: #d4f7ff;
.value-des-val { .value-des-val {
font-size: 20px; font-size: 20px;
margin-right: 5px; margin-right: 5px;
color: #4198ff; color: #19ecff;
} }
.value-des-unit{ .value-des-unit{
color: #4198ff; color: #4198ff;
...@@ -311,7 +347,7 @@ export default defineComponent({ ...@@ -311,7 +347,7 @@ export default defineComponent({
} }
} }
.text { .text {
color: #4198ff; color: #ffffff;
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: 14px;
} }
......
src/views/dataCenter/industrial/model/TargetBar/index.vue
浏览文件 @ 3bde422c
...@@ -94,6 +94,12 @@ export default defineComponent({ ...@@ -94,6 +94,12 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: {
lineStyle: {
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
},
},
}, },
series: [ series: [
{ {
...@@ -105,6 +111,7 @@ export default defineComponent({ ...@@ -105,6 +111,7 @@ export default defineComponent({
label: { label: {
show: true, show: true,
position: "top", position: "top",
color:"#19ecff",
// formatter: "{c}亿元" // formatter: "{c}亿元"
}, },
data: this.seriesData, data: this.seriesData,
...@@ -144,7 +151,7 @@ export default defineComponent({ ...@@ -144,7 +151,7 @@ export default defineComponent({
.echarts-search { .echarts-search {
padding-left: 10px; padding-left: 10px;
.title { .title {
color: #4198ff; color: #ffffff;
margin: 10px 0; margin: 10px 0;
font-size: 14px; font-size: 14px;
} }
......
src/views/dataCenter/map/model/Map/index.vue
浏览文件 @ 3bde422c
...@@ -39,9 +39,13 @@ export default defineComponent({ ...@@ -39,9 +39,13 @@ export default defineComponent({
}, },
itemStyle: { itemStyle: {
normal: { normal: {
areaColor: "#c6e7fe", areaColor: "#2278a4",
borderColor: "#4198ff", borderColor: "#06a3ec",
shadowColor: "#c6e7fe", shadowColor: "#165272",
borderWidth: 2,
shadowOffsetX: 4, // 阴影偏移
shadowOffsetY: 2, // 阴影偏移
shadowBlur: 2, //外边框阴影
}, },
emphasis: { emphasis: {
color: "#75c3f9", //悬浮背景 color: "#75c3f9", //悬浮背景
...@@ -65,7 +69,7 @@ export default defineComponent({ ...@@ -65,7 +69,7 @@ export default defineComponent({
normal: { normal: {
show: true, show: true,
position: "right", position: "right",
color: "#333", color: "#ffffff",
formatter: "{b}", formatter: "{b}",
fontWeight: "bold", fontWeight: "bold",
}, },
......
src/views/dataCenter/map/model/RankList/index.vue
浏览文件 @ 3bde422c
...@@ -70,7 +70,7 @@ export default defineComponent({ ...@@ -70,7 +70,7 @@ export default defineComponent({
.tabs-header { .tabs-header {
} }
.tabs-header .el-table__cell { .tabs-header .el-table__cell {
background-color: #0e4780 !important; background-color: #0e4781 !important;
color: #d4f7ff; color: #d4f7ff;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
...@@ -82,7 +82,7 @@ export default defineComponent({ ...@@ -82,7 +82,7 @@ export default defineComponent({
background-color: #134087 !important; background-color: #134087 !important;
} }
.el-table tr { .el-table tr {
background: #0e4780 !important; background: #0c3a65 !important;
} }
.el-table td.el-table__cell, .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf { .el-table th.el-table__cell.is-leaf {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论