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