css_counter_bug

20240205
luoJunYong.123 3 years ago
parent 7ebd2a3b2a
commit e658904c3f
  1. 168
      src/pages/counter/list/index.vue

@ -1166,7 +1166,6 @@ export default {
width: 122px;
}
}
// 1550-1919
@media screen and (min-width: 1550px) and (max-width: 1919px) {
.wrap{
width: 1550px;
@ -1183,9 +1182,9 @@ export default {
}
.glass {
//
top: 135px;
left: 514px;
width: 507px;
top: 15vh;
left: 35vw;
width: 35vw;
}
.employee {
@ -1193,16 +1192,16 @@ export default {
// top: 57%;
// left: 42%;
// width: 23%;
top: 374px;
left: 400px;
top: 430px;
left: 490px;
width: 283px;
position: relative;
}
.employeeText {
//
position: absolute;
top: 482px;
left: 655px;
top: 580px;
left: 710px;
color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px;
@ -1221,56 +1220,56 @@ export default {
}
.money-box {
//
top: 436px;
left: 170px;
top: 540px;
left: 190px;
width: 129px;
}
.important {
//
top: 434px;
left: 241px;
top: 48vh;
left: 18vw;
width: 118px;
}
.voucher-box {
//
top: 327px;
left: 327px;
top: 35vh;
left: 24vw;
width: 112px;
}
.summons {
//
top: 341px;
left: 389px;
top: 35vh;
left: 30vw;
width: 112px;
}
.computer {
top: 257px;
left: 504px;
top: 30vh;
left: 35vw;
width: 148px;
}
.card-machine {
top: 434px;
left: 624px;
top: 50vh;
left: 43vw;
width: 66px;
}
.idCard-scanner {
top: 472px;
left: 666px;
top: 53vh;
left: 46vw;
width: 46px;
}
.seal-box {
top: 500px;
left: 742px;
top: 55vh;
left: 49vw;
width: 50px;
}
.currency-detector {
top: 478px;
left: 772px;
top: 55vh;
left: 51vw;
width: 117px;
}
.printer {
top: 519px;
left: 844px;
top: 60vh;
left: 56vw;
width: 149px;
}
.cipher-machine {
@ -1279,6 +1278,119 @@ export default {
width: 79px;
}
}
// 1550-1919
// @media screen and (min-width: 1550px) and (max-width: 1919px) {
// .wrap{
// width: 1550px;
// position: relative;
// //width: 100%;
// height: calc(100vh - 68px);
// overflow: hidden;
// background:url("../../../assets/img/integrated-counter-bg.png");
// }
// .counter {
// top: 30%;
// left: 8%;
// height: 63vh;
// }
// .glass {
// //
// top: 135px;
// left: 514px;
// width: 507px;
// }
// .employee {
// //
// // top: 57%;
// // left: 42%;
// // width: 23%;
// top: 374px;
// left: 400px;
// width: 283px;
// position: relative;
// }
// .employeeText {
// //
// position: absolute;
// top: 482px;
// left: 655px;
// color: #000;
// transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
// font-size: 18px;
// width: 100px;
// text-align: center;
// height: 100px;
// line-height: 100px;
// cursor: pointer
// }
// .man {
// //
// top: 191px;
// left: 846px;
// width: 199px;
// }
// .money-box {
// //
// top: 436px;
// left: 170px;
// width: 129px;
// }
// .important {
// //
// top: 434px;
// left: 241px;
// width: 118px;
// }
// .voucher-box {
// //
// top: 327px;
// left: 327px;
// width: 112px;
// }
// .summons {
// //
// top: 341px;
// left: 389px;
// width: 112px;
// }
// .computer {
// top: 257px;
// left: 504px;
// width: 148px;
// }
// .card-machine {
// top: 434px;
// left: 624px;
// width: 66px;
// }
// .idCard-scanner {
// top: 472px;
// left: 666px;
// width: 46px;
// }
// .seal-box {
// top: 500px;
// left: 742px;
// width: 50px;
// }
// .currency-detector {
// top: 478px;
// left: 772px;
// width: 117px;
// }
// .printer {
// top: 519px;
// left: 844px;
// width: 149px;
// }
// .cipher-machine {
// top: 391px;
// left: 711px;
// width: 79px;
// }
// }
@media screen and (min-width: 900px) and (max-width: 1550px) {
.wrap {
width: 100%;

Loading…
Cancel
Save