密码校验提示遮挡问题

src/views/email-recompose/index.vue

@@ -38,6 +38,7 @@
         </el-form-item>
         <!-- 新密码 -->
         <el-form-item
+          class="my_new_pwd"
           :label="$t('recompose:form:newPassword')"
           prop="NewPassWord"
         >
@@ -272,7 +273,7 @@ input {
   background-color: transparent;
   caret-color: #fff;
 }
-.el-form-item {
+::v-deep .is-error.my_new_pwd {
-  margin-bottom: 30px;
+  margin-bottom: 45px;
 }
 </style>

src/views/forgetpassword/index.vue

@@ -423,7 +423,7 @@ export default {
 /*  margin-bottom: 40px;*/
 /*}*/
 .is-error.my_new_pwd {
-  margin-bottom: 40px;
+  margin-bottom: 45px;
 }
 .flexBox {
   display: flex;

src/views/recompose/index.vue

@@ -42,6 +42,7 @@
         </el-form-item>
         <!-- 新密码 -->
         <el-form-item
+          class="my_new_pwd"
           :label="$t('recompose:form:newPassword')"
           prop="NewPassWord"
         >
@@ -221,4 +222,7 @@ input {
   background-color: transparent;
   caret-color: #fff;
 }
+::v-deep .is-error.my_new_pwd {
+  margin-bottom: 45px;
+}
 </style>

src/views/trials/trials-myinfo/password.vue

@@ -27,6 +27,7 @@
       <!-- 新密码 -->
       <el-form-item
         :label="$t('recompose:form:newPassword')"
+        class="my_new_pwd"
         prop="NewPassWord"
       >
         <el-input
@@ -159,7 +160,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.el-form-item {
+::v-deep .is-error.my_new_pwd {
-  margin-bottom: 30px;
+  margin-bottom: 45px;
 }
 </style>

src/views/user/myInfo.vue

@@ -659,6 +659,6 @@ export default {
 </style>
 <style scoped>
 ::v-deep .is-error.my_new_pwd {
-  margin-bottom: 40px;
+  margin-bottom: 45px;
 }
 </style>