|
|
|
|
|
body{
|
|
|
/* background-image: url(/vue3/src/assets/images/machineRoom/img-bg-1.png);
|
|
|
background-size: 100%;*/
|
|
|
/* background-image: url(/vue3/src/assets/images/machineRoom/img-bg-1.png);
|
|
|
background-size: 100%;*/
|
|
|
|
|
|
}
|
|
|
li{
|
...
|
...
|
@@ -24,12 +24,12 @@ li{ |
|
|
.contain{
|
|
|
|
|
|
width:413px;
|
|
|
height:710px;
|
|
|
height:808px;
|
|
|
/*margin-left:3%;*/
|
|
|
/*margin-top:5%;*/
|
|
|
/* background-color: red; */
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-no-machine.png);
|
|
|
background-size: 100% 100%;
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-no-machine.png);
|
|
|
background-size: 100%;
|
|
|
background-repeat: no-repeat;
|
|
|
position: relative;
|
|
|
|
...
|
...
|
@@ -46,19 +46,20 @@ li{ |
|
|
flex-direction:column;
|
|
|
align-items: center;
|
|
|
/* background-color: red; */
|
|
|
margin-bottom: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
.serve{
|
|
|
width:315px;
|
|
|
width:382px;
|
|
|
height:61px;
|
|
|
/*margin-left:-3px;*/
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-4Uservice.png);
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-4Uservice.png);
|
|
|
background-size: 100% 100%;
|
|
|
background-repeat: no-repeat;
|
|
|
/*position: absolute;*/
|
|
|
/*bottom: 0;*/
|
|
|
margin-bottom: 10px;
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
}
|
|
|
.serve-4u-1{
|
|
|
bottom: 66px;
|
...
|
...
|
@@ -106,29 +107,29 @@ li{ |
|
|
bottom: 878px;
|
|
|
}
|
|
|
.img-serve-1{
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-1Uservice.png);
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-1Uservice.png);
|
|
|
height:17px;
|
|
|
width: 315px;
|
|
|
width:383px;
|
|
|
}
|
|
|
.img-serve-2{
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-2Uservice.png);
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-2Uservice.png);
|
|
|
height:34px;
|
|
|
width: 315px;
|
|
|
width:383px;
|
|
|
}
|
|
|
.img-serve-6{
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-6Uservice.png);
|
|
|
height: 60px;
|
|
|
width: 315px;
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-6Uservice.png);
|
|
|
height:100px;
|
|
|
width:383px;
|
|
|
}
|
|
|
.img-serve-8{
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-8Uservice.png);
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-8Uservice.png);
|
|
|
height:127px;
|
|
|
width: 315px;
|
|
|
width:383px;
|
|
|
}
|
|
|
.img-serve-10{
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-10Uservice.png);
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-10Uservice.png);
|
|
|
height:157px;
|
|
|
width: 315px;
|
|
|
width:383px;
|
|
|
}
|
|
|
.img-serve-1 .img-serve-text{
|
|
|
font-size: 11px;
|
...
|
...
|
@@ -217,21 +218,21 @@ li{ |
|
|
display: flex;
|
|
|
flex-flow: column;
|
|
|
justify-content: center;
|
|
|
margin-left:20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
.info-top{
|
|
|
height:280px;
|
|
|
/*margin-top:-10px;*/
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-machineInfo-bg.png);
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-machineInfo-bg.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
.info-bottom{
|
|
|
height:370px;
|
|
|
height:390px;
|
|
|
margin-top:20px;
|
|
|
background-image: url(../../src/assets/images/machineRoom/img-deviceInfo-bg.png);
|
|
|
background-image: url(/vue3/src/assets/images/machineRoom/img-deviceInfo-bg.png);
|
|
|
}
|
|
|
.contain{
|
|
|
display: flex;
|
...
|
...
|
@@ -293,31 +294,7 @@ body::-webkit-scrollbar-track{ |
|
|
borderd-radius:2em;
|
|
|
}
|
|
|
|
|
|
/** 王凤添加 2023-04-29 start */
|
|
|
|
|
|
.serve_small{
|
|
|
height: 35px;
|
|
|
}
|
|
|
.state_small{
|
|
|
width:16px;
|
|
|
height:16px;
|
|
|
margin-top:0px;
|
|
|
margin-left:4px;
|
|
|
}
|
|
|
.lamp_small{
|
|
|
margin-top:-3px;
|
|
|
}
|
|
|
|
|
|
.active{
|
|
|
background: #5686a9;
|
|
|
opacity: 0.6;
|
|
|
} |
|
|
|
|
|
.img-empty{
|
|
|
margin-left:50px;
|
|
|
margin-top:15px;
|
|
|
width:30px;
|
|
|
height:5px;
|
|
|
}
|
|
|
|
|
|
/** 王凤添加 2023-04-29 end */ |
...
|
...
|
|