update eq

This commit is contained in:
lb 2023-06-07 16:18:06 +08:00
parent 90a70d7d1a
commit 7cdf283aca
3 changed files with 27 additions and 26 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -38,7 +38,7 @@
:class="bottomRightArrowRolling === '运行' ? 'ar-running' : ''" :class="bottomRightArrowRolling === '运行' ? 'ar-running' : ''"
></div> --> ></div> -->
<!-- <div class="swd onekb"> <div class="swd onekb">
<div class="swd-box"> <div class="swd-box">
<p>1#卡脖</p> <p>1#卡脖</p>
<p class="swd-value">{{Number(onekb).toFixed(1)}}</p> <p class="swd-value">{{Number(onekb).toFixed(1)}}</p>
@ -61,7 +61,7 @@
<p>2#搅拌</p> <p>2#搅拌</p>
<p class="swd-value">{{Number(twosp).toFixed(1)}}</p> <p class="swd-value">{{Number(twosp).toFixed(1)}}</p>
</div> </div>
</div> --> </div>
<!-- <div class="video-bottom" v-show="fireDirection === '北火'" style=""> <!-- <div class="video-bottom" v-show="fireDirection === '北火'" style="">
<video <video
@ -269,22 +269,23 @@ main {
} }
.swd { .swd {
background-size: 100%; // background-size: 100% 10px;
width: adjust(w(276px)); width: adjust(w(376px));
height: adjust(h(156px)); height: adjust(h(218px));
position: absolute; position: absolute;
transform: rotateY(180deg); transform: rotateY(180deg);
p { p {
margin: 0; margin: 0;
margin-top: adjust(12px); color: #0008;
margin-top: adjust(8px);
} }
.swd-box { .swd-box {
margin-left: adjust(21px); margin-left: adjust(8px);
font-size: adjust(15px); font-size: adjust(8px);
.swd-value { .swd-value {
color: #00f4ff; color: #ff2020;
margin-top: adjust(6px); margin-top: adjust(3px);
font-size: adjust(26px); font-size: adjust(14px);
overflow: hidden; /*超出部分隐藏*/ overflow: hidden; /*超出部分隐藏*/
white-space: nowrap; /*禁止换行*/ white-space: nowrap; /*禁止换行*/
text-overflow: ellipsis; /*省略号*/ text-overflow: ellipsis; /*省略号*/
@ -293,35 +294,35 @@ main {
} }
.onekb, .onesp{ .onekb, .onesp{
// background: url(../../assets/tem-bottom.png) no-repeat; background: url(../../assets/tem-bottom.png) top 0 left 0 / 100% no-repeat;
} }
.onekb { .onekb {
top: adjust(300px); top: adjust(158px);
left: adjust(350px) left: adjust(180px)
} }
.onesp { .onesp {
top: adjust(270px); top: adjust(135px);
left: adjust(520px) left: adjust(275px)
} }
.twokb, .twosp{ .twokb, .twosp{
// background: url(../../assets/tem-top.png) no-repeat; background: url(../../assets/tem-top.png) top 0 left 0 / 100% no-repeat;
} }
.twokb { .twokb {
top: adjust(-20px); top: adjust(-10px);
left: adjust(370px) left: adjust(188px)
} }
.twosp { .twosp {
top: adjust(10px); top: adjust(6px);
left: adjust(540px) left: adjust(275px)
} }
.eq-main { .eq-main {
width: adjust(w(7150px)); width: adjust(w(8800px));
height: adjust(h(960px)); height: adjust(h(1400px));
// background: url(../../assets/eq.png) no-repeat; background: url(../../assets/eq.png) no-repeat;
background-size: 100%; background-size: 100%;
top: adjust(170px); top: adjust(h(220px));
left: adjust(380px); left: adjust(w(6500px));
position: relative; position: relative;
transform: rotateY(0.5turn); transform: rotateY(0.5turn);
} }