登录适配

src/viewsframe/login/login.vue

@@ -7,9 +7,11 @@
    <div class="login">
       <div class="loginCon">
          <div class="decoration">
+            <img class="xiaoren" src="@/img/loginErr/xiaoren.png" />
             <img class="star" src="@/img/loginErr/star.png" />
             <img class="bStar" src="@/img/loginErr/bStar.png" />
             <img class="music" src="@/img/loginErr/music.png" />
+            <img class="yun" src="@/img/loginErr/yun.png" />
          </div>
          <div class="loginBox">
             <img v-show="qrcodeStatus === 2" class="scanned" src="@/img/loginErr/scanned.png" />
@@ -101,20 +103,20 @@ function handleRefresh() {
 <style lang="scss" scoped>
 .login {
    width: 100%;
-   min-height: 100%;
+   height: 100%;
+   min-height: 640px;
+   min-width: 1280px;
    background: url("@/img/loginErr/bg.png") no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
-   min-width: 1280px;
    .loginCon {
       width: 74%;
       display: flex;
       justify-content: space-between;
    }
    .loginBox {
-      margin-top: 8px;
       width: 440px;
       height: 498px;
       background: url("@/img/loginErr/loginBox.png") no-repeat;
@@ -183,12 +185,19 @@ function handleRefresh() {
       }
    }
    .decoration {
+      margin-top: -8px;
       position: relative;
-      width: 522px;
-      height: 626px;
-      background: url("@/img/loginErr/xiaoren.png") no-repeat;
-      background-size: cover;
       z-index: 1;
+      width: 523px;
+      height: 412px;
+      .xiaoren {
+         position: absolute;
+         top: 0;
+         left: 0;
+         width: 100%;
+         height: 100%;
+         z-index: 1;
+      }
       .star {
          position: absolute;
          right: 0;
@@ -210,6 +219,14 @@ function handleRefresh() {
          width: 28px;
          height: 56px;
       }
+      .yun {
+         position: absolute;
+         width: 346px;
+         height: 240px;
+         bottom: -160px;
+         left: 40px;
+         z-index: 0;
+      }
    }
 }
 </style>