Skip to content

D
digital-construction
Commit 36bd9a8d authored by 张牧越's avatar 张牧越
Browse files
Options

样式修正

parent d9567c99
Hide whitespace changes
Inline Side-by-side
Showing with 109 additions and 166 deletions
src/components/construction/Index.vue
View file @ 36bd9a8d
......@@ -292,7 +292,7 @@ export default {
left: "center",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 16,
......@@ -374,7 +374,7 @@ export default {
left: "center",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 16,
......
src/components/earlywarning/Index.vue
View file @ 36bd9a8d
......@@ -33,7 +33,6 @@
:data="warningList"
:class-option="classOption"
class="warp"
@ScrollEnd="scrollEnd"
refs="scroll"
>
<div
......@@ -205,19 +204,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
splitNumber: 4,
splitLine: {
......@@ -295,7 +290,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -375,7 +370,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -421,12 +416,6 @@ export default {
};
chart.setOption(option);
},
scrollEnd() {
this.$refs.scroll._cancle();
setTimeout(() => {
this.$ref.scroll._startMove();
}, 3000);
},
},
mounted() {
......
src/components/noise/Index.vue
View file @ 36bd9a8d
......@@ -47,7 +47,7 @@
:percentage="60"
:format="(value) => formatText(value, '40')"
:color="customMonitorColors"
stroke-width="12"
:stroke-width="12"
></el-progress>
<div class="status-unit">
pm 10 / <span style="font-size: 12px; color: #6d94bf">ug/m³</span>
......@@ -58,7 +58,7 @@
:percentage="40"
:format="(value) => formatText(value, '35')"
:color="customMonitorColors"
stroke-width="12"
:stroke-width="12"
></el-progress>
<div class="status-unit">
pm 2.5 /
......@@ -71,7 +71,7 @@
:percentage="10"
:format="(value) => formatText(value, '52')"
:color="customMonitorColors"
stroke-width="12"
:stroke-width="12"
></el-progress>
<div class="status-unit">
噪音 / <span style="font-size: 12px; color: #6d94bf">分贝</span>
......@@ -158,7 +158,6 @@
:data="warnings"
:class-option="classOption"
class="warp"
@ScrollEnd="scrollEnd"
refs="scroll"
>
<div
......@@ -287,7 +286,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -362,7 +361,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -423,19 +422,15 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
splitNumber: 4,
splitLine: {
......@@ -451,18 +446,16 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#5E97F6",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#5E97F6",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
},
],
......
src/components/realname/Index.vue
View file @ 36bd9a8d
......@@ -26,7 +26,6 @@
:data="checkList"
:class-option="classOption"
class="warp"
@ScrollEnd="scrollEnd"
refs="scroll"
>
<div
......@@ -241,7 +240,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -302,19 +301,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
splitNumber: 4,
splitLine: {
......@@ -358,19 +353,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
splitNumber: 4,
splitLine: {
......@@ -426,19 +417,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
splitNumber: 4,
splitLine: {
......@@ -454,18 +441,16 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#FF4544",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#FF4544",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
},
{
......@@ -474,30 +459,22 @@ export default {
data: [5, 2, 3, 4, 2, 2, 4],
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#2980ff",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#2980ff",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
},
],
};
chart.setOption(option);
},
scrollEnd() {
this.$refs.scroll._cancle();
setTimeout(() => {
this.$ref.scroll._startMove();
}, 3000);
},
},
mounted() {
this.renderAreaChart();
......
src/components/tower/Index.vue
View file @ 36bd9a8d
......@@ -173,7 +173,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -243,19 +243,15 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
splitNumber: 4,
splitLine: {
......@@ -271,18 +267,16 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#FFAF51",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#FFAF51",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
},
{
......@@ -291,18 +285,16 @@ export default {
data: [5, 2, 3, 4, 2, 2, 4],
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#00a2ff",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#00a2ff",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
},
],
......@@ -333,19 +325,15 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
fontSize: "12",
color: "#c6def9",
},
splitNumber: 4,
splitLine: {
......@@ -361,18 +349,16 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#E965C2",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#E965C2",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
},
{
......@@ -381,18 +367,16 @@ export default {
data: [5, 2, 3, 4, 2, 2, 4],
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#00FFDE",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: "#00FFDE",
},
{
offset: 1,
color: "rgba(0,0,0,0)",
},
]),
},
},
],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment