12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- .login-wrap, .forget-wrap, .apply-wrap{
- background-color: #FFFFFF;
- width: 100%;
- height: 100vh;
- box-sizing: border-box;
- .logo{
- display: flex;
- justify-content: center;
- padding: 100upx 0;
- }
- .login-form{
- display: block;
- width: 80%;
- margin: 0 auto;
- .form-item{
- margin-bottom: 20upx;
- position: relative;
- display: flex;
- align-items: center;
- border: 1upx solid #dcdee2;
- border-radius: 15upx;
- .require-tip{
- position: absolute;
- left: 0;
- top: 26upx;
- color: red;
- }
- .item-inp{
- flex-grow: 1;
- }
- .item-inp, .item-picker{
- font-size: 30upx;
- padding: 14upx 20upx;
- }
- .getcode-btn{
- position: absolute;
- right: 0upx;
- top: 0;
- font-size: 24upx;
- background: #999;
- color: #FFFFFF;
- border: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- line-height: 3;
- z-index: 10;
- }
- }
- .flex-box{
- display: flex;
- justify-content: space-between;
- font-size: 26upx;
- }
- .form-btn-con{
- margin-top: 60upx;
- .form-btn{
- font-size: 32upx;
- display: block;
- line-height: 75upx;
- margin: 0 auto;
- background-color: #07c160;
- color: #fff;
- }
- uni-button.form-btn:after{
- border: none;
- }
- .apply-btn{
- display: block;
- text-align: center;
- margin-top: 50upx;
- }
- }
- }
-
- .authUserYs{
- text-align: center;
- position: absolute;
- bottom: 5%;
- width: 100%;
- font-size: 24upx;
- text{
- color: #ff0000;
- }
- }
- }
|