Skip to content

K
kwell-mes
Commit af6329f2 authored by 李苏's avatar 李苏 💬
Browse files
Options

样式修改

parent 65bc0a53
Hide whitespace changes
Inline Side-by-side
Showing with 19 additions and 10 deletions
gavel/src/main/resources/templates/views/kmes/gphy/index.html
View file @ af6329f2
...@@ -123,6 +123,7 @@ ...@@ -123,6 +123,7 @@
.wid70{ .wid70{
width: 70%; width: 70%;
} }
.ok-item {background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);}
</style> </style>
<div id="kwrkb01"> <div id="kwrkb01">
<!-- 顶部信息条 --> <!-- 顶部信息条 -->
...@@ -170,8 +171,8 @@ ...@@ -170,8 +171,8 @@
<div class="rz" style="width: 80%;height: 100%;background-color: #393456;color: #FFFFFF;overflow: auto;"> <div class="rz" style="width: 80%;height: 100%;background-color: #393456;color: #FFFFFF;overflow: auto;">
<span>>>Tips</span> <span>>>Tips</span>
</div> </div>
<div <div class="ok-item"
style="width: 20%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> style="width: 20%;height: 100%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b>ok</b> <b>ok</b>
</div> </div>
</div> </div>
......
gavel/src/main/resources/templates/views/kmes/gpjy/index.html
View file @ af6329f2
...@@ -103,6 +103,10 @@ ...@@ -103,6 +103,10 @@
.wid70{ .wid70{
width: 70%; width: 70%;
} }
.cardList-wrapper .card-item:nth-child(1){background:-webkit-gradient(linear, left top, right top, from(#5171fd), to(#c97afd));background:linear-gradient(90deg, #5171fd, #c97afd);-webkit-box-shadow:0 5px 10px #c97afd;box-shadow:0 5px 10px #c97afd;}
.cardList-wrapper .card-item:nth-child(2){background:-webkit-gradient(linear, left top, right top, from(#3dadf6), to(#737bfc));background:linear-gradient(90deg, #3dadf6, #737bfc);-webkit-box-shadow:0 5px 10px #737bfc;box-shadow:0 5px 10px #737bfc;}
.cardList-wrappers {background:-webkit-gradient(linear, left top, right top, from(#ea677c), to(#ef9b5f));background:linear-gradient(90deg, #ea677c, #ef9b5f);-webkit-box-shadow:0 5px 10px #ef9b5f;box-shadow:0 5px 10px #ef9b5f;}
.cardList-wrapper .card-item:nth-child(3){background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);-webkit-box-shadow:0 5px 10px #a6e25f;box-shadow:0 5px 10px #a6e25f;}
</style> </style>
<div id="gpjykb"> <div id="gpjykb">
<!-- 顶部信息条 --> <!-- 顶部信息条 -->
...@@ -145,15 +149,15 @@ ...@@ -145,15 +149,15 @@
<!-- 日志 --> <!-- 日志 -->
<div class="cprz" > <div class="cprz" >
<div style="height: 100%;display: flex;align-items: center;"> <div style="height: 100%;display: flex;align-items: center;">
<div style="width: 60%;height: 100%;background-color: #FFFFFF;color: #FFFFFF;display: flex;flex-wrap: wrap;justify-content:space-around;align-items: center;"> <div class="cardList-wrapper" style="width: 60%;height: 100%;background-color: #FFFFFF;color: #FFFFFF;display: flex;flex-wrap: wrap;justify-content:space-around;align-items: center;">
<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;"> <div class="card-item" style="height: 45%;width: 90%;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">合格数量:0</span> <span style="font-size: 20px;font-weight: 800;">合格数量:0</span>
</div> </div>
<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;"> <div class="card-item" style="height: 45%;width: 90%;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">NG数量:0</span> <span style="font-size: 20px;font-weight: 800;">NG数量:0</span>
</div> </div>
</div> </div>
<div style="width: 40%;height: 95%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div class="cardList-wrappers" style="width: 40%;height: 95%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b style="font-size: 60px;">ok</b> <b style="font-size: 60px;">ok</b>
</div> </div>
</div> </div>
......
gavel/src/main/resources/templates/views/kmes/gpwx/index.html
View file @ af6329f2
...@@ -103,6 +103,10 @@ ...@@ -103,6 +103,10 @@
.wid70{ .wid70{
width: 70%; width: 70%;
} }
.cardList-wrapper .card-item:nth-child(1){background:-webkit-gradient(linear, left top, right top, from(#5171fd), to(#c97afd));background:linear-gradient(90deg, #5171fd, #c97afd);-webkit-box-shadow:0 5px 10px #c97afd;box-shadow:0 5px 10px #c97afd;}
.cardList-wrapper .card-item:nth-child(2){background:-webkit-gradient(linear, left top, right top, from(#3dadf6), to(#737bfc));background:linear-gradient(90deg, #3dadf6, #737bfc);-webkit-box-shadow:0 5px 10px #737bfc;box-shadow:0 5px 10px #737bfc;}
.cardList-wrappers {background:-webkit-gradient(linear, left top, right top, from(#ea677c), to(#ef9b5f));background:linear-gradient(90deg, #ea677c, #ef9b5f);-webkit-box-shadow:0 5px 10px #ef9b5f;box-shadow:0 5px 10px #ef9b5f;}
.cardList-wrapper .card-item:nth-child(3){background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);-webkit-box-shadow:0 5px 10px #a6e25f;box-shadow:0 5px 10px #a6e25f;}
</style> </style>
<div id="gpwxkb"> <div id="gpwxkb">
<!-- 顶部信息条 --> <!-- 顶部信息条 -->
...@@ -145,15 +149,15 @@ ...@@ -145,15 +149,15 @@
<!-- 日志 --> <!-- 日志 -->
<div class="cprz" > <div class="cprz" >
<div style="height: 100%;display: flex;align-items: center;"> <div style="height: 100%;display: flex;align-items: center;">
<div style="width: 60%;height: 100%;background-color: #FFFFFF;color: #FFFFFF;display: flex;flex-wrap: wrap;justify-content:space-around;align-items: center;"> <div class="cardList-wrapper" style="width: 60%;height: 100%;background-color: #FFFFFF;color: #FFFFFF;display: flex;flex-wrap: wrap;justify-content:space-around;align-items: center;">
<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;"> <div class="card-item" style="height: 45%;width: 90%;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">合格数量:0</span> <span style="font-size: 20px;font-weight: 800;">合格数量:0</span>
</div> </div>
<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;"> <div class="card-item" style="height: 45%;width: 90%;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">NG数量:0</span> <span style="font-size: 20px;font-weight: 800;">NG数量:0</span>
</div> </div>
</div> </div>
<div style="width: 40%;height: 95%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;"> <div class="cardList-wrappers" style="width: 40%;height: 95%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b style="font-size: 60px;">ok</b> <b style="font-size: 60px;">ok</b>
</div> </div>
</div> </div>
......
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