关于我们功能开发

src/css/app.scss

@@ -117,9 +117,18 @@
 .f36 {
     font-size: 36px;
 }
+.f40 {
+    font-size: 40px;
+}
 .f42 {
     font-size: 42px;
 }
+.lh200 {
+    line-height: 200%;
+}
+.lh150 {
+    line-height: 150%;
+}
 .text-center {
     text-align: center;
 }

src/pages/login.vue

@@ -11,7 +11,7 @@
   right: 0;
 }
 .login-box-pc {
-  max-width: 436px;
+  width: 436px;
   padding: 30px 40px;
   margin: 100px auto;
   position: absolute;

src/pages/resetPassword.vue

 <style>
 .login {
-  background: url('../assets/img/login-bg.png');background-size: cover;
+  background: url("../assets/img/login-bg.png");
+  background-size: cover;
   width: 100%;
   height: 100%;
   position: fixed;
@@ -9,7 +10,7 @@
   left: 0;
   right: 0;
 }
-.login-box {
+.login-box-pc {
   width: 436px;
   padding: 30px 40px;
   margin: 100px auto;
@@ -19,6 +20,12 @@
   background: #ffffff;
   border-radius: 18px;
 }
+.login-box {
+  max-width: 436px;
+  padding: 30px 40px;
+  background-clip: padding-box;
+  background: #ffffff;
+}
 
 .login-box .tw_logo {
   margin: 0 auto 20px;
@@ -82,8 +89,8 @@
 }
 </style>
 <template>
-  <div class="login">
-    <div class="login-box">
+  <div :class="$q.platform.is.desktop ? 'login': 'full-width'">
+    <div class="login-box" :class="$q.platform.is.desktop ? 'login-box-pc': ''">
           <div class="f34 bold">重置密码</div>
         <div class="login_row">
           <div class="form-group">