三

mh-two-thousand-and-two

2024-04-03 29a02350b873fa6339a7535fa929697fec9a8f84

 pages/Login/Login.vue

@@ -24,12 +24,12 @@
                  <el-input v-model="loginData.loginID"></el-input>
               </el-form-item>
               <el-form-item label="登录密码" prop="pass">
                  <el-input v-model="loginData.pass"></el-input>
                  <el-input type="password" v-model="loginData.pass"></el-input>
               </el-form-item>
               <el-form-item class="btn">
                  <el-button class="font-family"
                     style="margin-top: .47rem; font-weight:900;font-size: .3rem; width: 100%;background-color:#244A7B;color: #fff;padding: .16rem;"
                     size="medium" @click="Login('formLogin1')">登录</el-button>
                     size="medium" @click="Login('formLogin1')">注册</el-button>
               </el-form-item>
               <view class="" style="display: flex;font-size: .14rem;color: #244A7B;">
                  <view class="" style="display: inline-block;cursor: pointer;" @click="forgetPass">忘记密码
@@ -328,22 +328,78 @@
</script>

<style scoped>
   @media screen and (min-width: 1441px) {
   @media screen and (max-width:1366px) {
      ::v-deep .el-card {
         top: 60% !important;
         top: 50% !important;
      }

      ::v-deep .el-input__inner{
         height: .44rem;
      }
      ::v-deep .el-card {
         padding: .2rem 0 !important;
      }
      ::v-deep .el-form-item__error {
         font-size: .13rem !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;
      }
   }
   ::v-deep .el-form-item__error {
         font-size: .13rem !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 {
      /* .LoginTop {
         margin-bottom: .17rem !important;
      }
      } */

      .btn ::v-deep .el-button {
         margin-top: 0.1rem !important;
         font-size: 0.2rem !important;
         margin-top: 0.3rem !important;
         /* font-size: 0.2rem !important; */
         width: 100%;
         padding: 0.12rem !important;
      }
@@ -364,7 +420,42 @@
         height: 2.5rem !important;
      }
   }

   @media screen and (min-width:2560px)and (max-width:3840px) {
      .LoginBg{
         margin: 0 !important;
      }
      ::v-deep .el-card {
         top: 85% !important;
      }
      ::v-deep .el-input__inner{
         height: .4rem !important;
         font-size: .14rem;
      }
      ::v-deep .el-input__inner{
         height: .44rem;
      }
      .hua {
         height: 4rem !important;
      }
		
   }
/* 小于 */
   @media screen and (max-width:2560px) {
   /*    ::v-deep .el-input__inner{
         height: .44rem;
      }
      ::v-deep .el-card {
         padding: .25rem .58rem !important;
      }
      ::v-deep .el-card__body {
         top: 90% !important;
         padding:  0 !important;
      }
      .hua{
         height: 5rem !important;
      }
       */
   }
   

   .LoginBg {
@@ -392,15 +483,12 @@
      margin-left: 0 !important;
   }

   /*    ::v-deep .el-form-item__label {
	
		
   } */

   ::v-deep .el-input__inner {
      border: none;
      border-bottom: 1px solid #2d476a;
      border-radius: 0;
		
   }

   ::v-deep .el-form-item__error {
@@ -415,7 +503,6 @@
      border-color: #2d476a !important;
   }

   ::v-deep .el-form-item__label {}

   ::v-deep .el-form-item__label {
      padding: 0;
@@ -425,7 +512,7 @@
   }

   ::v-deep .el-form-item {
      margin-bottom: .22rem;
      margin-bottom: .25rem;
   }

   .ss1 {