From 64ee73182956ffa012917d4d11e5a72dbd90890b Mon Sep 17 00:00:00 2001 From: "luoJunYong.123" Date: Tue, 7 Dec 2021 15:17:31 +0800 Subject: [PATCH] css_bug_1280 --- src/pages/counter/list/index.vue | 124 ++++++++++++++++++++++++++++++- 1 file changed, 123 insertions(+), 1 deletion(-) diff --git a/src/pages/counter/list/index.vue b/src/pages/counter/list/index.vue index dfa3478..bb59fed 100644 --- a/src/pages/counter/list/index.vue +++ b/src/pages/counter/list/index.vue @@ -1952,7 +1952,7 @@ export default { width: 6vw; } } - @media screen and (min-width: 1290px) and (max-width: 1390px){ + @media screen and (min-width: 1298px) and (max-width: 1390px){ .data-dia { top: 3vh!important; height: 67vh!important; @@ -2074,6 +2074,128 @@ export default { width: 6vw; } } + @media screen and (min-width: 1250px) and (max-width: 1290px){ + .data-dia { + top: 3vh!important; + height: 67vh!important; + .data-title { + height: 8vh!important; + } + .dia-footer { + margin-top: 10vh!important; + } + } + .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: 22vh; + left: 50vw; + width: 38vw; + position: absolute; + } + .employee { + // 柜员 + // top: 57%; + // left: 42%; + // width: 23%; + top: 46vh; + left: 40vw; + width: 23vw; + position: absolute; + } + // 先放着 + .employeeText { + // 资料文字 + position: absolute; + top: 57vh; + 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: 52vh; + left: 20vw; + width: 8vw; + } + .important { + // 重空箱 + top: 50vh; + left: 26vw; + width: 8vw; + } + .voucher-box { + // 普通箱 + top: 40vh; + left: 32vw; + width: 8vw; + } + .summons { + // 传票栏 + top: 40vh; + left: 38vw; + width: 8vw; + } + .computer { + top: 30vh; + left: 44vw; + width: 10vw; + } + .card-machine { + top: 47vh; + left: 54vw; + width: 6vw; + } + .idCard-scanner { + top: 51vh; + left: 58vw; + width: 6vw; + } + .seal-box { + top: 54vh; + left: 64vw; + width: 6vw; + } + .currency-detector { + top: 56vh; + left: 68vw; + width: 8vw; + } + .printer { + top: 62vh; + left: 74vw; + width: 8vw; + } + .cipher-machine { + top: 48vh; + left: 68vw; + width: 6vw; + } + } // 配合公共样式---------------