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="menStyle">
<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
>
</div>
@ -136,6 +136,7 @@ onMounted(async () => {
background-size: 100% 100%;
color: #fff;
font-size: calc(100vw * 12 / 1920);
position: relative;
.menStyleList {
margin-top: 1%;
margin-left: 6%;
@ -156,11 +157,13 @@ onMounted(async () => {
}
.num {
position: absolute;
left: 11%;
// left: 11%;
right: 4%;
}
.numMax {
position: absolute;
left: 24%;
// left: 24%;
right: 4%;
}
.num1 {
font-size: calc(100vw * 26 / 1920);
@ -182,11 +185,12 @@ onMounted(async () => {
}
.num {
position: absolute;
left: 11%;
// left: 11%;
right: 4%;
}
.numMax {
position: absolute;
left: 24%;
right: 4%;
}
.num1 {
font-size: calc(100vw * 26 / 1920);