| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- .content{
- width: 100vw;
- height: 100vh;
- background: url('../../static/u5.png') no-repeat top center ;
- background-size: 140%;
- box-sizing: border-box;
- overflow: hidden;
- }
- .setting{
- position: absolute;
- top: 80rpx;
- right: 40rpx;
- }
- .content{
- // position: fixed;
- // height: 100%;
-
- }
- .login_logo{
- margin-top: 280rpx;
- text-align: center;
-
- image{
- width: 280rpx;
- height: 280rpx;
- }
-
- .logo_bj{
- width: 280rpx;
- height: 280rpx;
- background: url('../../static/logo_round.png') ;
- background-size: 100%;
- margin: auto;
-
- line-height: 280rpx;
- font-size: 66rpx;
- font-weight: 800;
- letter-spacing: 10rpx;
- color: #157A2C;
- }
-
- }
- .login-title{
- position: absolute;
- bottom: 40%;
- width: 100%;
- text-align: center;
- }
- .login-title label{
- display: block;
- color: #fff;
- font-size: 50rpx;
- padding-bottom: 22rpx;
- }
- .login-title text{
- color: #fff;
- font-size: 32rpx;
- }
- //登录输入区域
- .login-content{
- width: 100%;
- height: 35%;
- position: fixed;
- bottom:0;
- background-color: #fff;
- border-top-right-radius: 35rpx;
- border-top-left-radius: 35rpx;
- left: 0;
- right: 0;
- .password-memo{
- text-align: center;
- padding-top: 10rpx;
- /deep/uni-checkbox .uni-checkbox-input {
- border-radius: 0 !important;
- }
- }
- button{
- // background-color: $j-primary-green;
- background-color: #157A2C;
- color: #fff;
- margin-top: 40rpx;
- height: 90rpx;
- line-height: 90rpx;
- font-size: 32rpx;
- &[disabled]{
- background-color: rgba($color: #157A2C, $alpha: 0.5);
- }
- }
- .form{
- position: absolute;
- width:80%;
- left: 50%;
- transform: translateX(-50%);
- }
- .login-input{
- height: 130rpx;
- line-height: 130rpx;
- border-bottom: 1rpx solid $uni-border-color;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: flex-start;
- span{
- margin-top: 12rpx;
- }
- .icon-lable{
- width: 45rpx;
- height: 100%;
- background:url(../../static/acount.png) no-repeat left 65%;
- background-size: 35rpx;
- }
-
- .icon-lable2{
- width: 45rpx;
- height: 100%;
- background:url(../../static/password.png) no-repeat left 65%;
- background-size: 35rpx;
- }
- input{
- height: 160rpx;
- font-size: 28rpx;
- color: $uni-text-color;
- }
- }
- }
|