wenjy 2 years ago
commit e53f077f52

@ -26,18 +26,18 @@ const synthetic = (statusArray) => {
<table style="position: absolute;top: 24%;left: 30%;width: 42%;height:10%;"> <table style="position: absolute;top: 24%;left: 30%;width: 42%;height:10%;">
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 7%;"></td> <td style="border:0px solid red;text-align:center;width: 7%;"></td>
<td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #70C0EC;">${statusArray[0] || 0}</td> <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #70C0EC;">${statusArray[4] || 0}</td>
<td style="border:0px solid red;text-align:center;width: 13%;"></td> <td style="border:0px solid red;text-align:center;width: 13%;"></td>
<td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #DB718D;">${statusArray[0] || 0}</td> <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #DB718D;">${statusArray[5] || 0}</td>
<td style="border:0px solid red;text-align:center;width: 12%;"></td> <td style="border:0px solid red;text-align:center;width: 12%;"></td>
<td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #8CEF92;">${statusArray[0] || 0}</td> <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #8CEF92;">${statusArray[6] || 0}</td>
<td style="border:0px solid red;text-align:center;width: 13%;"></td> <td style="border:0px solid red;text-align:center;width: 13%;"></td>
<td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #ECE790;">${statusArray[0] || 0}</td> <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #ECE790;">${statusArray[7] || 0}</td>
<td style="border:0px solid red;text-align:center;width: 0%;"></td> <td style="border:0px solid red;text-align:center;width: 0%;"></td>
</tr> </tr>
</table> </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[0] || 0}</span> <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[0] || 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>
`; `;
$("#synthetic").append(info); $("#synthetic").append(info);

Loading…
Cancel
Save