Commit d686b21c authored by 李苏's avatar 李苏 💬

颜色变更

parent d84caf28
.n-item {background:rgb(57, 52, 86);}
.null-item {background:#FFFFFF;}
.ok-item {background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);}
.nok-item {background:-webkit-gradient(linear, left top, right top, from(#ff0000), to(#ff007f));background:linear-gradient(90deg, #ff0000, #ff007f);}
#kwrkb04 div{ #kwrkb04 div{
font-size: 14px; font-size: 14px;
} }
......
.n-item {background:rgb(57, 52, 86);}
.null-item {background:#FFFFFF;}
.ok-item {background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);}
.nok-item {background:-webkit-gradient(linear, left top, right top, from(#ff0000), to(#ff007f));background:linear-gradient(90deg, #ff0000, #ff007f);}
#kwrkb07 div{ #kwrkb07 div{
font-size: 14px; font-size: 14px;
} }
......
...@@ -2,6 +2,10 @@ ...@@ -2,6 +2,10 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.n-item {background:rgb(57, 52, 86);}
.null-item {background:#FFFFFF;}
.ok-item {background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);}
.nok-item {background:-webkit-gradient(linear, left top, right top, from(#ff0000), to(#ff007f));background:linear-gradient(90deg, #ff0000, #ff007f);}
#kwrkb01 div{ #kwrkb01 div{
font-size: 14px; font-size: 14px;
} }
......
...@@ -259,7 +259,9 @@ ...@@ -259,7 +259,9 @@
<span style="font-size: 20px;font-weight: 800;">NG数量:{{ng}}</span> <span style="font-size: 20px;font-weight: 800;">NG数量:{{ng}}</span>
</div> </div>
</div> </div>
<div class="cardList-wrappers" style="width: 40%;height: 95%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div
:class="{'ok-item' : isok=='OK','nok-item' : isok=='NG','null-item': isok!='OK'&&isok!='NG'}"
class="" style="width: 40%;height: 95%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b style="font-size: 60px;">{{isok}}</b> <b style="font-size: 60px;">{{isok}}</b>
</div> </div>
</div> </div>
...@@ -338,7 +340,9 @@ ...@@ -338,7 +340,9 @@
<div class="tab"> <div class="tab">
<div class="maintab" style="position: relative;"> <div class="maintab" style="position: relative;">
<div class="cpiright" style="width:160px;height: 160px;padding: 10px;position: absolute;right: 10px;top: 20px;"> <div class="cpiright" style="width:160px;height: 160px;padding: 10px;position: absolute;right: 10px;top: 20px;">
<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div
:class="{'ok-item' : isok=='OK','nok-item' : isok=='NG','null-item': isok!='OK'&&isok!='NG'}"
style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b>{{isok}}</b> <b>{{isok}}</b>
</div> </div>
</div> </div>
...@@ -412,7 +416,9 @@ ...@@ -412,7 +416,9 @@
<div class="tab"> <div class="tab">
<div class="maintab" style="position: relative;"> <div class="maintab" style="position: relative;">
<div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 10px;top: 20px;"> <div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 10px;top: 20px;">
<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div
:class="{'ok-item' : isok=='OK','nok-item' : isok=='NG','null-item': isok!='OK'&&isok!='NG'}"
style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b>{{isok}}</b> <b>{{isok}}</b>
</div> </div>
</div> </div>
...@@ -454,7 +460,7 @@ ...@@ -454,7 +460,7 @@
}, },
data:function(){ data:function(){
return{ return{
isok:"OK", isok:"",
username:localStorage.getItem("username"), username:localStorage.getItem("username"),
pm:"", pm:"",
ng:0, ng:0,
...@@ -529,7 +535,7 @@ ...@@ -529,7 +535,7 @@
}, },
data:function(){ data:function(){
return{ return{
isok:"OK", isok:"",
username:localStorage.getItem("username"), username:localStorage.getItem("username"),
pm:"", pm:"",
ng:0, ng:0,
...@@ -599,7 +605,7 @@ ...@@ -599,7 +605,7 @@
}, },
data:function(){ data:function(){
return{ return{
isok:"OK", isok:"",
username:localStorage.getItem("username"), username:localStorage.getItem("username"),
pm:"", pm:"",
ng:0, ng:0,
......
...@@ -258,7 +258,9 @@ ...@@ -258,7 +258,9 @@
<span style="font-size: 20px;font-weight: 800;">NG数量:{{ng}}</span> <span style="font-size: 20px;font-weight: 800;">NG数量:{{ng}}</span>
</div> </div>
</div> </div>
<div class="cardList-wrappers" style="width: 40%;height: 95%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div
:class="{'ok-item' : isok=='OK','nok-item' : isok=='NG','null-item': isok!='OK'&&isok!='NG'}"
style="width: 40%;height: 95%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b style="font-size: 60px;">{{isok}}</b> <b style="font-size: 60px;">{{isok}}</b>
</div> </div>
</div> </div>
...@@ -337,7 +339,9 @@ ...@@ -337,7 +339,9 @@
<div class="tab"> <div class="tab">
<div class="maintab" style="position: relative;"> <div class="maintab" style="position: relative;">
<div class="cpiright" style="width:160px;height: 160px;padding: 10px;position: absolute;right: 10px;top: 20px;"> <div class="cpiright" style="width:160px;height: 160px;padding: 10px;position: absolute;right: 10px;top: 20px;">
<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div
:class="{'ok-item' : isok=='OK','nok-item' : isok=='NG','null-item': isok!='OK'&&isok!='NG'}"
style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b>{{isok}}</b> <b>{{isok}}</b>
</div> </div>
</div> </div>
...@@ -411,7 +415,9 @@ ...@@ -411,7 +415,9 @@
<div class="tab"> <div class="tab">
<div class="maintab" style="position: relative;"> <div class="maintab" style="position: relative;">
<div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 10px;top: 20px;"> <div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 10px;top: 20px;">
<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div
:class="{'ok-item' : isok=='OK','nok-item' : isok=='NG','null-item': isok!='OK'&&isok!='NG'}"
style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b>{{isok}}</b> <b>{{isok}}</b>
</div> </div>
</div> </div>
...@@ -453,7 +459,7 @@ ...@@ -453,7 +459,7 @@
}, },
data:function(){ data:function(){
return{ return{
isok:"ok", isok:"",
username:localStorage.getItem("username"), username:localStorage.getItem("username"),
pm:"", pm:"",
ng:0, ng:0,
...@@ -528,7 +534,7 @@ ...@@ -528,7 +534,7 @@
}, },
data:function(){ data:function(){
return{ return{
isok:"ok", isok:"",
username:localStorage.getItem("username"), username:localStorage.getItem("username"),
pm:"", pm:"",
ng:0, ng:0,
...@@ -598,7 +604,7 @@ ...@@ -598,7 +604,7 @@
}, },
data:function(){ data:function(){
return{ return{
isok:"ok", isok:"",
username:localStorage.getItem("username"), username:localStorage.getItem("username"),
pm:"", pm:"",
ng:0, ng: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