list_css

src/pages/counter/list/index.vue

@@ -946,6 +946,7 @@ export default {
         height: calc(100vh - 60px);
     }
 
+
     // 1920
     @media screen and (min-width: 1920px) {
         .wrap {
@@ -1278,6 +1279,125 @@ export default {
             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;