Parcourir la source

移动端 注册页

任一存 il y a 2 ans
Parent
commit
289f1161d3
2 fichiers modifiés avec 63 ajouts et 0 suppressions
  1. BIN
      src/assets/images/sign-up-bg-mobile.png
  2. 63 0
      src/views/gui/SignUp.vue

BIN
src/assets/images/sign-up-bg-mobile.png


+ 63 - 0
src/views/gui/SignUp.vue

@@ -288,4 +288,67 @@ export default {
     }
   }
 }
+
+.mobile {
+  .rule-desc {
+    > .wrapper-1 {
+      width: 140vw;
+      height: calc(140vw * 407 / 460);
+      background-image: url(@/assets/images/sign-up-bg-mobile.png);
+      padding: 12vw 20vw 8vw 20vw;
+      > .close {
+        top: 4vw;
+        right: 33.5vw;
+        width: 7.5vw;
+        height: 7.5vw;
+      }
+      > h1 {
+        padding: 0 9vw 4vw 9vw;
+        font-size: 6.4vw;
+        margin-bottom: 10vw;
+      }
+      > .form-item {
+        height: 8.6vw;
+        width: 60vw;
+        padding: 0 2.4vw;
+        margin-bottom: 2vw;
+        > img {
+          width: 5.2vw;
+          height: 5.2vw;
+          margin-right: 2.8vw;
+        }
+        > input {
+          font-size: 3.7vw;
+        }
+      }
+      > .form-item-password-repeat {
+        > .tip-text {
+          top: calc(100% + 0.6vw);
+          font-size: 2.8vw;
+        }
+      }
+
+      > button.submit {
+        height: 10vw;
+        width: 60vw;
+        padding: 0.8vw 1.6vw 0.8vw 1.2vw;
+        margin-top: 12vw;
+        margin-bottom: 2vw;
+        > .text-wrapper {
+          font-size: 4.3vw;
+          letter-spacing: 0.8vw;
+        }
+      }
+      > button.sign-up {
+        height: 10vw;
+        width: 60vw;
+        padding: 0.8vw 1.6vw 0.8vw 1.2vw;
+        margin-bottom: 2vw;
+        > .text-wrapper {
+          font-size: 4.3vw;
+        }
+      }
+    }
+  }
+}
 </style>