首页、大堂经理适应1440分辨率

src/assets/svg/coming.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="38px" viewBox="0 0 25 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59 (86127) - https://sketch.com -->
+    <title>敬请期待</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="022主页-关闭项目案例-敬请期待" transform="translate(-946.000000, -496.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="敬请期待" transform="translate(772.000000, 457.000000)">
+                <g transform="translate(174.000000, 39.000000)" id="形状">
+                    <path d="M0.7968864,0.0937536 L0.7968864,10.0625152 L9.7343968,19.0000256 L0.7968864,27.971911 L0.7968864,37.9406726 L24.6875392,37.9406726 L24.6875392,27.971911 L15.7156538,19.0000256 L24.6875392,10.0625152 L24.6875392,0.0937536 L0.7968864,0.0937536 Z M20.7000346,28.9687872 L20.7000346,33.953168 L4.78439104,33.953168 L4.78439104,28.9687872 L12.7594003,20.9937779 L20.7000346,28.9687872 Z M12.7250253,17.0406483 L4.78439104,9.06563904 L4.78439104,4.08125824 L20.7344096,4.08125824 L20.7344096,9.06563904 L12.7250253,17.0406483 Z"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/pages/index/list/index.vue

@@ -3,18 +3,23 @@
         <img class="sth bg" src="@/assets/img/index-bg.png" alt="">
         <div class="case">项目案例</div>
         
-        <div class="sth integrated-counter">
+        <div class="sth integrated-counter cp">
             <img width="100%" src="@/assets/img/integrated-counter.png" alt="" @click="toPart('/counter')">
             <div class="name">综合柜台</div>
         </div>
         
-        <img class="sth international" src="@/assets/img/international.png" alt="">
+        <img class="sth international cp" src="@/assets/img/international.png" alt="" @click="showComing">
-        <img class="sth manager" src="@/assets/img/manager.png" alt="" @click="toPart('/lobbyManager')">
+        <img class="sth manager cp" src="@/assets/img/manager-index.png" alt="" @click="toPart('/lobbyManager')">
-        <img class="sth credit-dep" src="@/assets/img/credit-dep.png" alt="">
+        <img class="sth credit-dep cp" src="@/assets/img/credit-dep.png" alt="" @click="showComing">
-        <img class="sth company-finance" src="@/assets/img/company-finance.png" alt="">
+        <img class="sth company-finance cp" src="@/assets/img/company-finance.png" alt="" @click="showComing">
-        <img class="sth personal-finance" src="@/assets/img/personal-finance.png" alt="">
+        <img class="sth personal-finance cp" src="@/assets/img/personal-finance.png" alt="" @click="showComing">
 
         <vCase></vCase>
+
+        <div class="coming" :class="{active: comingVisible}">
+            <img src="@/assets/svg/coming.svg" alt="">
+            <p class="text">敬请期待</p>
+        </div>
     </div>
 </template>
 
@@ -25,6 +30,8 @@ export default {
     data() {
         return {
             caseVisible: true,
+            comingVisible: false,
+            timer: null
         }
     },
     components: {
@@ -37,6 +44,13 @@ export default {
         toPart(path){
             this.$router.push(path)
         },
+        showComing(){
+            this.comingVisible = true
+            clearTimeout(this.timer)
+            this.timer = setTimeout(() => {
+                this.comingVisible = false
+            },1500)
+        }
     }
 };
 </script>
@@ -53,11 +67,12 @@ export default {
             top: 0;
             left: 0;
             width: 100%;
+            height: 100%;
         }
         .integrated-counter{
             top: 0;
             left: 20%;
-            width: 35%;
+            width: 43%;
             img{
                 transition: all .5s;
                 &:hover{
@@ -84,12 +99,12 @@ export default {
             width: 28%;
         }
         .manager{
-            top: 57%;
+            top: 48%;
-            left: 65%;
+            left: 52%;
-            width: 34%;
+            width: 39%;
             transition: all .5s;
             &:hover{
-                top: calc(57% - 10px);
+                top: calc(48% - 10px);
             }
         }
         .credit-dep{
@@ -103,7 +118,7 @@ export default {
             width: 30%;
         }
         .personal-finance{
-            top: 80%;
+            top: 78%;
             left: 31%;
             width: 30%;
         }
@@ -120,5 +135,40 @@ export default {
             background: url(../../../assets/img/case.png) 0 0 /cover no-repeat;
             cursor: pointer;
         }
+        @media(max-width: 1440px){
+            .credit-dep{
+                top: 36%;
+            }
+            .company-finance{
+                top: 58%;
+            }
+            .personal-finance{
+                top: 74%;
+            }
+            .integrated-counter{
+                width: 44%;
+            }
+        }
+    }
+    .coming{
+        position: fixed;
+        top: -200%;
+        left: 50%;
+        width: 376px;
+        padding: 40px 0;
+        text-align: center;
+        transform: translate(-50%,-50%);
+        border-radius: 16px;
+        background-color: rgba(0,0,0,0.80);
+        transition: all .3s;
+        &.active{
+            top: 50%;
+        }
+        .text{
+            margin-top: 24px;
+            font-size: 22px;
+            font-weight: 400;
+            color: #fff;
+        }
     }
 </style>

src/pages/lobbyManager/list/index.vue

@@ -8,7 +8,7 @@
                 <li @click="showTake">取号</li>
                 <li @click="showData">填单</li>
                 <li @click="showCopy">复印</li>
-                <li>返回</li>
+                <li>取回</li>
             </ul>
         </div>
 
@@ -209,15 +209,11 @@ export default {
                 opacity: .9;
             }
         }
-        .bg{
-            top: 0;
-            left: 0;
-            width: 100%;
-        }
         .manager{
             top: 68px;
             left: 0;
             width: 100%;
+            height: calc(100% - 68px);
         }
     }
     .actions{
@@ -241,9 +237,6 @@ export default {
                 line-height: 94px;
                 background: url(../../../assets/img/lobby-btn-bg.png) 0 0/cover no-repeat;
                 cursor: pointer;
-                &:hover{
-                    opacity: .9;
-                }
                 &:last-child{
                     margin-right: 0;
                 }

src/styles/layout/index.scss

@@ -9,7 +9,7 @@ body,
 }
 
 body {
-    min-width: 1500px;
+    min-width: 1440px;
     font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
     font-size: 14px;
     background: rgba(0, 0, 0, 0.02);