三

mh-two-thousand-and-two

2024-04-03 29a02350b873fa6339a7535fa929697fec9a8f84

 pages/forgetPass/forgetPass.vue

@@ -11,7 +11,7 @@
            <view></view>
         </view>
         <!-- 重置密码 -->
         <el-card  >
         <el-card>
            <view class="LoginTop"
               style="display: flex; justify-content: space-between;margin-bottom: .47rem;align-items: center;">
               <!-- <view class="" style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">用户注册</view> -->
@@ -21,15 +21,15 @@
                  返回登录
               </view>
            </view>
            <el-form :hide-required-asterisk="true" ref="formLogin2" label-position="left" 
               :rules="rules" :model="resetDataPass">
            <el-form :hide-required-asterisk="true" ref="formLogin2" label-position="right" :rules="rules"
               :model="resetDataPass">
               <el-form-item label="手机/邮箱" prop="cellphoneORmailbox">
                  <el-input v-model="resetDataPass.cellphoneORmailbox"></el-input>
               </el-form-item>
               <el-form-item label="验证码" prop="verifyCode">
                  <view class="verifyCode relative">
                     <el-input v-model="resetDataPass.verifyCode" ></el-input>
                     <view @click="verifyCodeClick" class=""
                     <el-input v-model="resetDataPass.verifyCode"></el-input>
                     <view @click="verifyCodeClick" class="yzm"
                        style="position: absolute;right: 0%;top: 0%;color: #244A7B;font-size: .14rem;font-weight: 500;">
                        获取验证码</view>
                  </view>
@@ -37,17 +37,17 @@
               <el-form-item label="新密码" prop="pass">
                  <el-input v-model="resetDataPass.newPass"></el-input>
               </el-form-item>
               <el-form-item label="确认密码" prop="checkPass">
               <el-form-item label="确认新密码" prop="checkPass">
                  <el-input v-model="resetDataPass.checkPass"></el-input>
               </el-form-item>
               <el-form-item class="btn">
                  <el-button class="font-family"
                     style="margin-top: 30rpx; font-weight:900;font-size: 30rpx; width: 100%;background-color: #244a7b;color: #fff;padding: 30rpx;"
                     size="medium" @click="Login2('formLogin2')">确定</el-button>
                     size="medium" @click="Login2('formLogin2')">重置密码</el-button>
               </el-form-item>
            </el-form>
         </el-card>
			

      </view>
      <view class="hua"></view>
      <!-- 底部人物背景图左侧 -->
@@ -305,7 +305,7 @@
<style scoped>
   /* 
   在屏幕宽度超过 1440px 时的样式设置 */
   @media screen and (min-width: 1441px) {
   /* @media screen and (min-width: 1441px) {
      ::v-deep .el-card {
         top: 60% !important;
      }
@@ -332,6 +332,84 @@
         height: 2.5rem !important;
      }
   }
    */
   @media screen and (min-width:2560px)and (max-width:3840px) {
      .LoginBg {
         margin: 0 !important;
         height: .3rem !important;
      }

      ::v-deep .el-card {
         top: 90% !important;
         padding: 0 !important;
      }

      ::v-deep .el-card__body {
         padding: .25rem .5rem !important;
      }

      ::v-deep .el-form {
         padding-left: .1rem !important;
      }

      ::v-deep .el-form-item__error {
         font-size: .13rem !important;
      }

      ::v-deep .el-input__inner {
         height: .35rem !important;
         font-size: .14rem;
      }

      ::v-deep .el-form-item__label {
         display: flex;
         align-items: center;
         justify-content: flex-end;
         margin-right: .2rem !important;
         width: .7rem;
      }

      .hua {
         height: 4rem !important;
      }

      .LoginTop {
         margin-bottom: .4rem !important;
      }

      .yzm {
         top: 15% !important;
      }

      .fff {
         width: 2.4rem !important;
         height: 4rem !important;
      }

      .rrr {
         width: 2rem !important;
      }

      .btn {
         margin-bottom: .1rem !important;
      }

      .btn ::v-deep .el-button {
         margin-top: 0.2rem !important;
         font-size: 0.2rem !important;
         width: 100%;
         padding: 0.12rem !important;

         span {
            font-weight: bold !important;
         }
      }

      .asdf {
         margin-bottom: .1rem !important;
      }

   }

   .LoginBg {
      width: 1.2rem;