css_bug_1280

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;
+        }
+    }
 
     // 配合公共样式---------------