修改颜色

master
夜笙歌 2 years ago
parent f33346bb9d
commit f069461d2b

@ -60,7 +60,7 @@ body {
display: flex;
justify-content: center;
align-items: center;
color: #8FB7D1;
color: red;
font-size: 175% !important;
}
@ -74,7 +74,7 @@ body {
display: flex;
justify-content: center;
align-items: center;
color: #A5E3B1;
color: #63F659;
font-size: 175% !important;
}

@ -2332,13 +2332,13 @@ const energyConsumption = (res, ids) => {
type: 'value',
name: '产量(t)',
min: 0,
max: 40,
interval: 10,
// max: 40,
// interval: 10,
axisLabel: {
formatter: '{value} ml'
},
splitLine: {
show: true,
show: false,
lineStyle: {
color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线
@ -2353,13 +2353,13 @@ const energyConsumption = (res, ids) => {
type: 'value',
name: '能耗(kw·h)',
min: 0,
max: 20,
interval: 5,
// max: 20,
// interval: 5,
axisLabel: {
formatter: '{value} °C'
},
splitLine: {
show: true,
show: false,
lineStyle: {
color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线

@ -109,7 +109,7 @@ let dynamicTable = resource => {
background: evenRowBGC
};
const th_tdCSS = {
color:'skyblue',
color:'#59B2F6',
margin: 'auto',
whiteSpace: 'nowrap',
overflow: "hidden",

@ -7,7 +7,7 @@ const dataInformationFunction = (statusArray) => {
</tr>
<tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: white;">${statusArray[2]}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">${statusArray[3]}</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: red;">${statusArray[3]}</td>
</tr>
</table>`;
$("#dataInformation").append(info);
@ -36,8 +36,8 @@ const synthetic = (statusArray) => {
<td style="border:0px solid red;text-align:center;width: 0%;"></td>
</tr>
</table>
<span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
<span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
<span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background:color: red;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
<span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background:color: #63F659;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
`;
$("#synthetic").append(info);
}

@ -113,7 +113,7 @@ const dataInformationFunction = (statusArray) => {
<tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: #CEEFFE;"> ${res.deviceEnergy}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">2</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #red;">2</td>
</tr>
</table>`;

@ -60,7 +60,7 @@ body {
display: flex;
justify-content: center;
align-items: center;
color: #8FB7D1;
color: red;
font-size: 175% !important;
}
@ -74,7 +74,7 @@ body {
display: flex;
justify-content: center;
align-items: center;
color: #A5E3B1;
color: #63F659;
font-size: 175% !important;
}

@ -2332,13 +2332,13 @@ const energyConsumption = (res, ids) => {
type: 'value',
name: '产量(t)',
min: 0,
max: 40,
interval: 10,
// max: 40,
// interval: 10,
axisLabel: {
formatter: '{value} ml'
},
splitLine: {
show: true,
show: false,
lineStyle: {
color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线
@ -2353,13 +2353,13 @@ const energyConsumption = (res, ids) => {
type: 'value',
name: '能耗(kw·h)',
min: 0,
max: 20,
interval: 5,
// max: 20,
// interval: 5,
axisLabel: {
formatter: '{value} °C'
},
splitLine: {
show: true,
show: false,
lineStyle: {
color: "rgb(217,217,217,0.5)",
type: "dashed" //虚线

@ -109,7 +109,7 @@ let dynamicTable = resource => {
background: evenRowBGC
};
const th_tdCSS = {
color:'skyblue',
color:'#59B2F6',
margin: 'auto',
whiteSpace: 'nowrap',
overflow: "hidden",

@ -7,7 +7,7 @@ const dataInformationFunction = (statusArray) => {
</tr>
<tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: white;">${statusArray[2]}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">${statusArray[3]}</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: red;">${statusArray[3]}</td>
</tr>
</table>`;
$("#dataInformation").append(info);
@ -36,8 +36,8 @@ const synthetic = (statusArray) => {
<td style="border:0px solid red;text-align:center;width: 0%;"></td>
</tr>
</table>
<span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
<span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
<span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background:color: red;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
<span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background:color: #63F659;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
`;
$("#synthetic").append(info);
}

@ -113,7 +113,7 @@ const dataInformationFunction = (statusArray) => {
<tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;color: #CEEFFE;"> ${res.deviceEnergy}kW·h</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">2</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #red;">2</td>
</tr>
</table>`;

Loading…
Cancel
Save