Skip to content

C
CivWeb
Commit a00d6730 authored by 罗剑's avatar 罗剑
Browse files
Options

fix: 澄迈登录页

parent c6cef1d6
Pipeline #65514 passed with stages
          Expand all Show whitespace changes
          Inline Side-by-side
          Showing with 349 additions and 113 deletions
          src/pages/user/login/template/project/chengmai/images/1.png deleted 100644 → 0
          View file @ c6cef1d6
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/2.png deleted 100644 → 0
          View file @ c6cef1d6
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/3.png deleted 100644 → 0
          View file @ c6cef1d6
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/下载二维码.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/切换.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/左图.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/扫.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/标题.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/电脑切换.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/登录logo.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/登录图标.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/images/背景.png 0 → 100644
          View file @ a00d6730
          This diff was suppressed by a .gitattributes entry.
          src/pages/user/login/template/project/chengmai/index.less
          View file @ a00d6730
          .login {
          .InfoBg{
          width: 100%; width: 100%;
          height: 100%; height: 100%;
          background: url('./images/2.png') no-repeat center; background-image: url('./images/背景.png');
          background-size: 100% 100%; background-size: cover;
          background-clip: border-box; background-repeat: no-repeat;
          position: relative; position: relative;
          min-height: 7.0rem; .loginBg{
          overflow: hidden; position: absolute;
          } top: 40%;
          left: 40%;
          .login .inner-bg { margin-left: -385px;
          margin-top: -226px;
          width: 1101px;
          height: 646px;
          background-image: url('./images/标题.png');
          background-size: 100% 100%;
          background-repeat: no-repeat;
          .IBcenter{
          width: 100%; width: 100%;
          height: 596px;
          margin-top: 50px;
          .IBCleft{
          width: 682px;
          height: 100%; height: 100%;
          background-image: url('./images/左图.png');
          &>div {
          width: 70%;
          margin: 0 auto;
          }
          }
          .inner-wrapper {
          width: 29.6%;
          position: absolute;
          top: 46%;
          right: 0;
          transform: translateY(-50%);
          }
          .img-wrapper {
          width: 388px;
          height: 134px;
          background: url('./images/1.png') no-repeat center;
          background-size: 100% 100%; background-size: 100% 100%;
          margin-bottom: 48px; background-repeat: no-repeat;
          } float: left;
          }
          .login .inner-bg img[role="logo"] { .IBCright{
          width: 419px;
          height: 100%;
          float: left;
          background: rgba(255,255,255,0.8);
          .IBlogoc{
          height: 74px;
          width: 100%;
          text-align: end;
          img{
          height: 74px;
          width: 74px;
          cursor: pointer;
          }
          }
          .IBLogoForm{
          .IBlogo{
          height: 100px;
          width: 100%;
          text-align: center;
          img{
          height: 100px;
          width: 100px;
          }
          }
          .QrcodeCont{
          text-align: center;
          height: 360px;
          width: 100%;
          padding-top: 80px;
          img{
          width: 211px;
          height: 211px;
          }
          }
          .qrcodedis{
          display: flex;
          padding: 0px 40px 0px 105px;
          img{
          width: 48px;
          height: 40px; height: 40px;
          } margin-top: 10px;
          }
          .textCont{
          margin-left: 25px;
          font-size: 16px;
          p{
          margin-bottom: 5px;
          color: #333333;
          .lastText{
          margin-left: 5px;
          color: #1568BA;
          }
          }
          }
          }
          }
          }
          }
          .login .inner-bg .title { .IBtitle{
          font-size: 27px; width: 100%;
          height: 10.5%;
          text-align: center;
          img{
          width: 70%;
          height: 100%;
          }
          }
          .title{
          font-family: SourceHanSansCN-Medium;
          font-weight: bold; font-weight: bold;
          color: rgba(255, 255, 255, 1); color: #43484D;
          letter-spacing: 2px; position: absolute;
          } top: 21px;
          right: 50%;
          @keyframes waving { margin-right: -285px;
          from { line-height: 1;
          top: 0; width: 570px;
          text-align: center;
          overflow-wrap: break-word;
          font-size: 24px;
          img{
          margin-right: 14px;
          } }
          to {
          top: 10px;
          } }
          } .ddCode{
          position: absolute;
          @keyframes waving2 { top: 50px;
          from { right: -9px;
          left: 0; cursor: pointer;
          } }
          .titleImg {
          to { position: absolute;
          left: -9999px; top: 132px;
          right: 133px;
          } }
          } .loginForm{
          width: 280px;
          .form-control:focus { margin: 9% auto 25%;
          border-color: #66afe9; .formgroup{
          position: relative;
          line-height: 1;
          display: flex;
          align-items: center;
          .IBCRimg{
          top: 33px;
          }
          img{
          position: absolute;
          left: 10px;
          top: 50%;
          }
          .eyes{
          left: 89%;
          margin-top: 10px;
          cursor: pointer;
          }
          input[type="checkbox"] {
          width: 12px;
          height: 12px;
          }
          input {
          font-size: 16px;
          outline: 0; outline: 0;
          -webkit-box-shadow: none; }
          span {
          position: relative;
          top: 0px;
          }
          .formControl{
          display: block;
          width: 100%;
          }
          .inputLg{
          padding-left: 42px;
          color: #2D3033;
          border: none;
          box-shadow: none; box-shadow: none;
          } border-radius: 0;
          padding: 10px 50px;
          line-height: 1.3333333;
          margin-top: 21px;
          }
          .inner-center { }
          display: flex; .logoBtn{
          flex-flow: column; margin-top: 50px;
          align-items: center; height: 45px;
          } width: 100%;
          padding-left: 30px;
          .submitBtn {
          width: 220px;
          background-color: #1568BA !important;
          border: none !important;
          color: #fff !important;
          outline: none !important;
          border-color: transparent !important;
          height: 45px;
          line-height: 45px;
          font-size: 18px;
          text-align: center;
          cursor: pointer;
          border-radius: 23px;
          }
          }
          .formgroup2 { }
          display: flex; .login_container {
          position: absolute;
          top: 59%;
          left: 52%;
          margin-left: 150px;
          margin-top: -219px;
          width: 400px;
          height: 500px;
          }
          .wxlogin_container{
          position: absolute;
          top: 60%;
          left: 55%;
          margin-left: 150px;
          margin-top: -219px;
          width: 300px;
          height: 300px;
          background: #fff;
          }
          .changeCode {
          position: absolute;
          top: 80%;
          left: 75%;
          align-items: center; align-items: center;
          font-size: 14px;
          display: flex; display: flex;
          margin: 0px 5.5%;
          margin-bottom: 10%;
          align-items: center;
          margin-bottom: 40px;
          } }
          }
          .APPcodeBox { .IBCRnamec{
          width: 100%; margin-top: 15%;
          display: flex; height: 22px;
          flex-flow: column; font-size: 22px;
          align-items: center; letter-spacing: 1px;
          font-family: PingFang SC;
          font-weight: bold;
          color: #0599F4;
          line-height: 37px;
          text-align: center;
          margin-bottom: 0;
          }
          .IBCRnameE{
          height: 9px;
          font-size: 1px;
          color: #0599F4;
          line-height: 32px;
          text-align: center;
          }
          .rmpwdInput{
          display: inline-block;
          width: 20px;
          height: 20px;
          border-radius: 10px;
          border: 1px solid #0599F4;
          position: relative;
          cursor: pointer; cursor: pointer;
          margin-left: 8px;
          span{
          font-size: 12px;
          color: #fff;
          visibility: hidden;
          position: absolute;
          top: 3px;
          left: -7px;
          }
          }
          .active{
          display: inline-block;
          width: 20px;
          height: 20px;
          border-radius: 10px;
          border: 1px solid #0599F4;
          position: relative; position: relative;
          } cursor: pointer;
          background-color: #0599F4;
          .APPCtext { margin-left: 10px;
          font-size: 14px; span{
          font-family: Microsoft YaHei; visibility: visible;
          font-weight: 400; color: #fff;
          color: #000000; font-size: 15px;
          line-height: 30px; color: #fff;
          opacity: 0.75; position: absolute;
          } top: 3px;
          left: 1px;
          .APPCimg { font-weight: bold;
          width: 138px; }
          }
          .codeBox{
          width: 34px;
          height: 34px;
          position: absolute;
          right: -34px;
          bottom: 0px;
          background: rgba(255, 255, 255, 0.7);
          padding: 6px;
          border-radius: 0 3px 3px 0;
          cursor: pointer;
          }
          .codeImg{
          width: 23px;
          }
          .codeBig{
          width: 128px;
          height: 150px; height: 150px;
          background: url('./images/3.png');
          background-size: 100% 100%;
          background-repeat: no-repeat;
          display: none;
          position: absolute; position: absolute;
          top: 20px; bottom: 0;
          left: 50%; left: 0px;
          transform: translateX(-50%); background: rgba(255, 255, 255, 0.7);
          padding: 23px 11px 12px; padding: 6px;
          span { display: none;
          justify-content: space-around;
          span{
          font-size: 12px; font-size: 12px;
          opacity: 0.75; font-weight: 100;
          } }
          } }
          .codeBox:hover .codeBig{
          .APPcodeBox:hover .APPCtext { display: block;
          color: #1685FF; }
          } .codeBox:hover .codeImg{
          display: none;
          .APPcodeBox:hover .APPCimg { }
          display: flex; .codeText{
          } font-size: 14px;
          font-family: PingFang SC;
          .APPCimg .codeCase { font-weight: bold;
          color: #121F2B;
          text-align: center; text-align: center;
          padding-top: 32px; line-height: 24px;
          }
          .codeBox:hover .codeBig {
          display: flex;
          }
          .IBtimeBox{
          .TitleCont{
          padding: 24px 0px 0px 32px;
          img{
          width: 496px;
          height: 56px;
          }
          }
          }
          .IBTtime{
          position: absolute;
          width: 88px;
          height: 26px;
          font-size: 32px;
          font-family: Microsoft YaHei UI;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 34px;
          top: 34px;
          right: 130px;
          }
          .IBTweek{
          position: absolute;
          top: 25px;
          right: 69px;
          height: 15px;
          font-size: 16px;
          font-family: Source Han Sans CN;
          font-weight: 200;
          color: #FFFFFF;
          line-height: 30px;
          }
          .IBTdate{
          position: absolute;
          top: 46px;
          right: 36px;
          width: 80px;
          height: 13px;
          font-size: 14px;
          font-family: Microsoft YaHei UI;
          font-weight: 300;
          color: #FFFFFF;
          line-height: 30px;
          }
          } }
          \ No newline at end of file
          Markdown is supported
          0% or
          You are about to add 0 people to the discussion. Proceed with caution.
          Finish editing this message first!
          Please register or to comment