admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flx:修改塔吊 工作情况的样式问题

Browse Source
This commit is contained in:
X_Rian 2024-07-23 18:21:37 +08:00
parent 3d5c6e66e2
commit a6207cbcf9
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/sevenLargeScreen/towerCraneMonitoring/leftTop.vue
View File

@ -71,7 +71,7 @@
<div class="menu"> <div class="menu">
<div class="menStyle"> <div class="menStyle">
<span class="text1">在线设备/设备总数</span> <span class="text1">在线设备/设备总数</span>
<span class="num1 numMax" style="color: #65d7f9; left: 23%;" <span class="num1 numMax" style="color: #65d7f9;"
>{{ towerSituationData.devCount.devOnline }}/{{ towerSituationData.devCount.devNum }}</span >{{ towerSituationData.devCount.devOnline }}/{{ towerSituationData.devCount.devNum }}</span
> >
</div> </div>
@ -136,6 +136,7 @@ onMounted(async () => {
background-size: 100% 100%; background-size: 100% 100%;
color: #fff; color: #fff;
font-size: calc(100vw * 12 / 1920); font-size: calc(100vw * 12 / 1920);
position: relative;
.menStyleList { .menStyleList {
margin-top: 1%; margin-top: 1%;
margin-left: 6%; margin-left: 6%;
@ -156,11 +157,13 @@ onMounted(async () => {
} }
.num { .num {
position: absolute; position: absolute;
left: 11%; // left: 11%;
right: 4%;
} }
.numMax { .numMax {
position: absolute; position: absolute;
left: 24%; // left: 24%;
right: 4%;
} }
.num1 { .num1 {
font-size: calc(100vw * 26 / 1920); font-size: calc(100vw * 26 / 1920);
@ -182,11 +185,12 @@ onMounted(async () => {
} }
.num { .num {
position: absolute; position: absolute;
left: 11%; // left: 11%;
right: 4%;
} }
.numMax { .numMax {
position: absolute; position: absolute;
left: 24%; right: 4%;
} }
.num1 { .num1 {
font-size: calc(100vw * 26 / 1920); font-size: calc(100vw * 26 / 1920);