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