样式调整

src/components/verification/index.vue

@@ -78,7 +78,7 @@ const verificationSuccess = () => {
 .mi-captcha {
   width: 100%;
   flex: 1;
-  height: 58px;
+  height: 40px;
   font-family: "Pingfang SC", "Microsoft YaHei", "Monospaced Number",
     "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial,
@@ -167,7 +167,7 @@ const verificationSuccess = () => {
   flex-direction: row;
   height: 2.625rem;
   padding-left: 0.125rem;
-  font-size: 16px;
+  font-size: 0.875rem;
   color: #fff;
   overflow: hidden;
   text-overflow: ellipsis;

src/views/login/index.vue

@@ -39,9 +39,7 @@
           <verification v-model:verification-pass="verificationPass" />
         </el-form-item>
         <el-form-item class="button">
-          <el-button native-type="submit" style="font-size: 18px"
-            ><span>登录</span>
-          </el-button>
+          <el-button native-type="submit"><span>登录</span> </el-button>
         </el-form-item>
       </el-form>
       <!-- <div class="tips">
@@ -154,12 +152,12 @@ const fnSubmitLogin = async () => {
     border-radius: 20px;
     box-shadow: 0px 5px 20px 0px rgba(137, 149, 174, 0.2);
     position: absolute;
-    right: 270px;
+    right: 330px;
     top: 55%;
     transform: translateY(-50%);
-    width: 506px;
-    height: 590px;
-    padding: 4px 30px;
+    width: 480px;
+    height: 580px;
+    padding: 42px 35px 94px;
     background-color: #fff;
     z-index: 1;
 
@@ -187,7 +185,7 @@ const fnSubmitLogin = async () => {
     //   z-index: -2;
     // }
     .form-item {
-      font-size: 20px;
+      font-size: 16px;
     }
     .title {
       font-size: 30px;
@@ -198,27 +196,18 @@ const fnSubmitLogin = async () => {
 
     .el-form-item {
       .el-input {
-        height: 58px;
-        font-size: 18px;
+        height: 40px;
       }
     }
 
     .button {
-      position: absolute;
-      bottom: 30px;
-      // height: 58px;
-      width: 445px;
-      font-size: 18px;
+      margin-top: 88px;
       .el-button {
         background: #0a7dfe;
-        height: 58px;
+        height: 45px;
         width: 100%;
         color: #ffffff;
         margin-top: 10px;
-        font-size: 18px;
-        span {
-          font-size: 18px;
-        }
       }
     }