diff --git a/src/pages/counter/list/index.vue b/src/pages/counter/list/index.vue index 4cbdba4..5133423 100644 --- a/src/pages/counter/list/index.vue +++ b/src/pages/counter/list/index.vue @@ -946,6 +946,7 @@ export default { height: calc(100vh - 60px); } + // 1920 @media screen and (min-width: 1920px) { .wrap { @@ -1165,7 +1166,6 @@ export default { width: 122px; } } - // 1550-1919 @media screen and (min-width: 1550px) and (max-width: 1919px) { .wrap{ width: 1550px; @@ -1182,9 +1182,9 @@ export default { } .glass { // 玻璃窗 - top: 135px; - left: 514px; - width: 507px; + top: 15vh; + left: 35vw; + width: 35vw; } .employee { @@ -1192,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; @@ -1220,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 { @@ -1278,6 +1278,238 @@ 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%; + position: relative; + //width: 100%; + height: calc(100vh - 68px); + overflow: hidden; + background:url("../../../assets/img/integrated-counter-bg.png"); + } + .counter { + top: 30vh; + left: 15vw; + width: 80vw; + position: absolute; + } + .glass { + // 玻璃窗 + top: 12vh; + left: 50vw; + width: 36vw; + position: absolute; + } + .employee { + // 柜员 + // top: 57%; + // left: 42%; + // width: 23%; + top: 40vh; + left: 40vw; + width: 23vw; + position: absolute; + } + // 先放着 + .employeeText { + // 资料文字 + position: absolute; + top: 58vh; + left: 58vw; + color: #000; + transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); + font-size: 18px; + width: 100px; + height: 100px; + cursor: pointer + } + .man { + // 人 + top: 10vh; + left: 70vw; + width: 23vw; + height: 50vh; + } + .money-box { + // 钱箱 + top: 48vh; + left: 18vw; + width: 8vw; + } + .important { + // 重空箱 + top: 46vh; + left: 26vw; + width: 8vw; + } + .voucher-box { + // 普通箱 + top: 32vh; + left: 34vw; + width: 8vw; + } + .summons { + // 传票栏 + top: 32vh; + left: 42vw; + width: 8vw; + } + .computer { + top: 28vh; + left: 48vw; + width: 10vw; + } + .card-machine { + top: 47vh; + left: 57vw; + width: 6vw; + } + .idCard-scanner { + top: 52vh; + left: 61vw; + width: 6vw; + } + .seal-box { + top: 54vh; + left: 66vw; + width: 6vw; + } + .currency-detector { + top: 57vh; + left: 70vw; + width: 6vw; + } + .printer { + top: 62vh; + left: 76vw; + width: 6vw; + } + .cipher-machine { + top: 50vh; + left: 75vw; + width: 6vw; + } + } + + + + + + + .goods { position: fixed; bottom: 0;