修改样式

src/pages/home/forgetPassword/index.vue

@@ -285,7 +285,7 @@ export default {
         float: left;
         color: #acacac;
         font-size: 1.5rem;
-        margin-left: 0.375rem;
+        // margin-left: 0.375rem;
         line-height: 3.375rem;
         width: 1.5rem;
       }
@@ -298,7 +298,7 @@ export default {
       float: left;
       color: #acacac;
       font-size: 1.5rem;
-      margin-left: 0.375rem;
+      // margin-left: 0.375rem;
       line-height: 3.375rem;
       width: 1.5rem;
     }
@@ -315,7 +315,7 @@ export default {
         float: left;
         color: #acacac;
         font-size: 1.5rem;
-        margin-left: 0.375rem;
+        // margin-left: 0.375rem;
       }
       .el-input {
         float: left;
@@ -416,6 +416,7 @@ export default {
     box-sizing: border-box;
     height: 3.375rem;
     line-height: 3.375rem;
+    color: #000;
   }
   .el-input__inner {
     border: none;
@@ -455,6 +456,7 @@ export default {
     margin-left: 2.5rem;
   }
   .dialog-footer {
+    font-size: 1rem;
     > span:nth-of-type(1) {
       color: #9b9b9b;
     }

src/pages/home/login.vue

@@ -19,6 +19,7 @@
           </el-form-item>
           <el-form-item>
             <el-input
+             class="noRight"
               placeholder="请填写密码"
               prefix-icon="el-icon-lock"
               v-model="LoginForm.psd"
@@ -214,8 +215,8 @@ export default {
   .loginTop {
     width: 100%;
     img {
-      width: 7.75rem;
-      height: 2.5rem;
+      width: 10rem;
+      height: 4rem;
       border: none;
       margin: 6.25rem auto 3.75rem;
       display: block;
@@ -303,8 +304,13 @@ export default {
     margin-bottom: 0;
   }
   .ipts {
-    .el-icon-circle-close {
-      margin-right: 0.625rem;
+    // .el-icon-circle-close {
+    //   margin-right: 0.625rem;
+    // }
+    .noRight{
+      .el-icon-circle-close {
+        margin-right: 0.625rem;
+      }
     }
     .el-input {
       display: block;
@@ -312,7 +318,7 @@ export default {
       width: 19.0625rem;
       border-bottom: 1px solid #e6e6e6;
       color: rgba(155, 155, 155, 1);
-      padding-left: 0.75rem;
+      // padding-left: 0.75rem;
       box-sizing: border-box;
       height: 3.375rem;
       line-height: 3.375rem;
@@ -321,14 +327,19 @@ export default {
     .el-input__inner {
       border: none;
       font-size: 1rem;
+      color: #000 !important;
     }
     .el-input__prefix {
       font-size: 1.5rem;
+      left: 0;
     }
     .el-input__icon {
       font-size: 1.5rem;
       line-height: 3.375rem;
     }
+    .el-input__suffix{
+      right: 0;
+    }
   }
 }
 .page_login{

src/pages/home/noPassword/index.vue

@@ -28,10 +28,8 @@
               placeholder="请填写验证码"
               v-on:input="watchNum"
             ></el-input>
-            <div>
-              <div class="getCode" @click="getVerifyCode()">
-                {{ code_btn_title }}
-              </div>
+            <div class="getCode" @click="getVerifyCode()">
+              {{ code_btn_title }}
             </div>
           </div>
         </el-form-item>
@@ -80,6 +78,7 @@
 import "@/styles/newStyle.scss";
 import { checkMobile } from "@/utils/tools";
 import { getCodeInit, getVerifyCode, loginByCode } from "@/api/login";
+import { setRem } from "@/libs/functionRem";
 export default {
   data() {
     var checkMobileRule = (rule, value, callback) => {
@@ -115,6 +114,7 @@ export default {
     };
   },
   created() {
+    setRem()
     this.GetCodeInit();
   },
   methods: {
@@ -304,7 +304,7 @@ export default {
         float: left;
         color: #acacac;
         font-size: 1.5rem;
-        margin-left: 0.375rem;
+        // margin-left: 0.375rem;
         line-height: 3.375rem;
         width: 1.5rem;
       }
@@ -321,7 +321,7 @@ export default {
         float: left;
         color: #acacac;
         font-size: 1.5rem;
-        margin-left: 0.375rem;
+        // margin-left: 0.375rem;
       }
       .el-input {
         float: left;
@@ -343,6 +343,7 @@ export default {
         background: #338afb;
         border-radius: 1.4375rem;
         font-size: 0.8125rem;
+        margin-left: 1.85rem;
       }
       .getCodetwo {
         // float: left;
@@ -421,11 +422,12 @@ export default {
   }
   .el-input {
     display: block;
-    margin: 0 auto;
+    // margin: 0 auto;
     // width: 19.0625rem;
-
-    color: rgba(155, 155, 155, 1);
-    padding-left: 0.75rem;
+    margin-left: 0.45rem;
+    color: #000;
+    // color: rgba(155, 155, 155, 1);
+    // padding-left: 0.45rem;
     box-sizing: border-box;
     height: 3.375rem;
     line-height: 3.375rem;
@@ -434,6 +436,7 @@ export default {
     border: none;
     font-size: 1rem;
     padding-left: 0;
+    color: #000;
   }
   .el-input__prefix {
     font-size: 1.5rem;

src/pages/home/register/register.vue

@@ -311,7 +311,7 @@ export default {
         float: left;
         color: #acacac;
         font-size: 1.5rem;
-        margin-left: 0.375rem;
+        // margin-left: 0.375rem;
         line-height: 3.375rem;
         width: 1.5rem;
       }
@@ -323,7 +323,7 @@ export default {
       float: left;
       color: #acacac;
       font-size: 1.5rem;
-      margin-left: 0.375rem;
+      // margin-left: 0.375rem;
       line-height: 3.375rem;
       width: 1.5rem;
     }
@@ -340,7 +340,7 @@ export default {
         float: left;
         color: #acacac;
         font-size: 1.5rem;
-        margin-left: 0.375rem;
+        // margin-left: 0.375rem;
       }
       .el-input {
         float: left;
@@ -363,6 +363,7 @@ export default {
         border-radius: 1.4375rem;
         font-size: 0.8125rem;
         // margin-top: 0.9375rem;
+        margin-left: 1.85rem;
       }
 
       .getCodetwo {
@@ -446,9 +447,10 @@ export default {
   .el-input {
     display: flex;
     align-items: center;
-    margin: 0 auto;
-    color: rgba(155, 155, 155, 1);
-    padding-left: 0.75rem;
+    // margin: 0 auto;
+    margin-left: 0.75rem;
+    color: #000;
+    // padding-left: 0.75rem;
     box-sizing: border-box;
     height: 3.375rem;
     line-height: 3.375rem;
@@ -457,6 +459,7 @@ export default {
     border: none;
     font-size: 1rem;
     padding-left: 0;
+    color: #000;
   }
   .el-input__prefix {
     font-size: 1.5rem;
@@ -464,7 +467,7 @@ export default {
   }
 
   .phoneLine {
-    .el-input__clear {
+    .el-icon-circle-close {
       margin-right: 0.625rem;
     }
     .el-input__icon {
@@ -494,6 +497,7 @@ export default {
     //   display: flex;
     //   justify-content: space-around;
     //   align-items: center;
+    font-size: 1rem;
     > span:nth-of-type(1) {
       color: #9b9b9b;
     }

src/pages/homeIndex/index.vue

@@ -532,6 +532,8 @@ export default {
 .page_homeIndex{
   .van-dropdown-menu__title{
     padding-left: 0;
+    color: #000;
+    font-size: 1rem;
   }
 }
 </style>