三

mh-two-thousand-and-two

2024-04-03 29a02350b873fa6339a7535fa929697fec9a8f84

 pages/Register/Register.vue

@@ -39,7 +39,7 @@
               <el-form-item label="验证码" prop="verifyCode">
                  <view class="verifyCode relative">
                     <el-input v-model="registerData.verifyCode" placeholder="请输入验证码"></el-input>
                     <view @click="verifyCodeClick" class=""
                     <view @click="verifyCodeClick" class="yzm"
                        style="position: absolute;right: 0%;top: 0%;color: #244A7B;font-size: .14rem;font-weight: 500;">
                        获取验证码</view>
                  </view>
@@ -49,7 +49,7 @@
                     style="margin-top: .22rem; font-weight:900;font-size: .3rem; width: 100%;background-color:#244A7B;color: #fff;padding: .16rem;"
                     size="medium" @click="Login('formLogin')">注册</el-button>
               </el-form-item>
               <view class=""
               <view class="asdf"
                  style="font-size: .12rem;color: #9E9E9E;font-weight: 500; text-align: center;line-height: normal;margin-bottom: .19rem;">
                  用户注册即代表同意《服务条款》和《用户隐私保护和个人信息条款》</view>
            </el-form>
@@ -308,9 +308,175 @@
   }
</script>
<style scoped>
   @media screen and (min-width: 1366px){
   @media screen and (max-width:1366px) {
      ::v-deep .el-card {
         top: 50% !important;
      }

      ::v-deep .el-input__inner {
         height: .44rem;
      }

      ::v-deep .el-card {
         padding: .2rem 0 !important;
      }

      .LoginBg {
         margin: 0 !important;
      }

      .hua {
         height: 5rem !important;
      }
   }

   @media screen and (min-width:1366px) and (max-width:1920px) {
      ::v-deep .el-card__body {
         padding: 0 .58rem !important;
      }

      ::v-deep .el-card {
         top: 80% !important;
      }

      ::v-deep .el-input__inner {
         height: .44rem;
      }

      ::v-deep .el-card {
         padding: .25rem 0 !important;
      }

      .LoginBg {
         margin: 0 !important;
      }

      .hua {
         height: 5rem !important;
      }
   }

   @media screen and (min-width: 1920px) and (max-width:2560px) {
      ::v-deep .el-card {
         top: 80% !important;
      }

      ::v-deep .el-card {
         padding: .25rem .4rem !important;
      }

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

      ::v-deep .el-input__inner {
         height: .44rem;
      }

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

      .BottomColumn {
         padding: .10rem 0;
      }

      /* .LoginTop {
            margin-bottom: .17rem !important;
         } */

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

      .LoginBg {
         height: .3rem !important;
      }

      .hua {
         height: 4rem !important;
      }

      .fff {
         height: 3.5rem !important;
      }

      .rrr {
         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: 70% !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;
      }

      .hua {
         height: 4rem !important;
      }

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

      .yzm {
         top: 15% !important;
      }

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

      .rrr {
         width: 2rem !important;
      }

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

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

   }

   /* @media screen and (max-width: 1366px){
      ::v-deep .el-card{
         top: 60% !important;
      }
      .LoginTop{
         margin-bottom: .2rem !important;
      }
   }
   @media screen and (min-width: 1920px){
@@ -318,9 +484,11 @@
         top: 80% !important;
      }
      
   }/* 
		
   } */
   /* 
   在屏幕宽度超过 1440px 时的样式设置 */
   @media screen and (min-width: 1441px) {
   /* @media screen and (min-width: 1441px) {
      ::v-deep .el-card {
         top: 80% !important;
      }
@@ -346,14 +514,15 @@
      }.rrr{
         height: 2.5rem !important;
      }
   }
	
   } */


   .LoginBg {
      width: 1.2rem;
      height: .37rem;
      background: url(@/static/image/用户注册.png) no-repeat 0 0;
      background-size: 100% 100%;
      /* border: 10px solid red; */

   }

@@ -412,8 +581,8 @@
      font-weight: 500;
      margin-right: .29rem;
      display: flex;
          align-items: center;
         text-align: right;
      align-items: center;
      text-align: right;
   }

   ::v-deep .el-form-item {