|
|
@@ -1,90 +1,59 @@
|
|
|
/***** 这里放页面样式 *****/
|
|
|
// 登录页
|
|
|
-.mobile-login-page {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: #FFF;
|
|
|
- text-align: center;
|
|
|
- position: absolute;
|
|
|
- overflow: auto;
|
|
|
-
|
|
|
- .login-top {
|
|
|
- height: 540rpx;
|
|
|
- background-size: cover;
|
|
|
- background-image: url("@/static/images/login/login-bj-sj.png");
|
|
|
- // logo
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .login-logo {
|
|
|
- width: 266rpx;
|
|
|
- max-height: 100rpx;
|
|
|
- margin-top: 156rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .login-text {
|
|
|
- display: block;
|
|
|
- font-size: 64rpx;
|
|
|
- color: #FFF;
|
|
|
- margin: 24rpx 0 0;
|
|
|
- font-weight: 700
|
|
|
- }
|
|
|
-
|
|
|
- // 登录区域
|
|
|
- .login-body {
|
|
|
- width: 100%;
|
|
|
- padding: 0 60px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin: 140rpx auto 0;
|
|
|
-
|
|
|
- .input-container {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- /* 垂直对齐 */
|
|
|
- position: relative;
|
|
|
- height: 100rpx;
|
|
|
- border-radius: 50rpx;
|
|
|
- background-color: #F7F7F7;
|
|
|
- padding: 0;
|
|
|
- margin-bottom: 40rpx;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .input-icon {
|
|
|
- margin-left: 20rpx;
|
|
|
- /* 图标和输入框之间的间距 */
|
|
|
- color: #999;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // 输入框
|
|
|
- .login-btn {
|
|
|
- width: 100%;
|
|
|
- height: 100rpx;
|
|
|
- margin-top: 60rpx;
|
|
|
- font-size: 36rpx;
|
|
|
- letter-spacing: 7.2rpx;
|
|
|
- background: linear-gradient(0deg, #436aff 0%, #234ff7 100%);
|
|
|
- border-radius: 50rpx;
|
|
|
- border: 0;
|
|
|
- color: #F7F7F7;
|
|
|
- line-height: 100rpx;
|
|
|
+.ezy-login-page {
|
|
|
+ width:100%;height:100vh;background-color: #01a1ff;position: relative;
|
|
|
+ background-image: url("@/static/images/login/login-bj.jpg");@include ezy-no-repeat-cover(top);
|
|
|
+ .tel-box{
|
|
|
+ display: flex;flex-direction: column;box-sizing: border-box;padding: 0 53rpx;
|
|
|
+ position: absolute;top:calc(690rpx + var(--status-bar-height));
|
|
|
+ left: var(--window-left);right: var(--window-right);
|
|
|
+ }
|
|
|
+ .tel-img{
|
|
|
+ width: 411rpx;height: 73rpx;@include ezy-no-repeat-cover;
|
|
|
+ background-image: url("@/static/images/login/login-tel.png");
|
|
|
+ }
|
|
|
+ .phone-input-box{
|
|
|
+ width: 644rpx;height: 144rpx;box-sizing: border-box;padding-bottom: 20rpx;
|
|
|
+ display: flex;align-items: center;margin-top: 50rpx;
|
|
|
+ background-image: url("@/static/images/login/login-tel-bj.png");@include ezy-no-repeat-cover;
|
|
|
+ .phone-prefix {
|
|
|
+ font-size: 20px;color: #ffffffd9;font-weight: normal;display: flex;align-items: center;
|
|
|
+ span{padding: 0 10px;}
|
|
|
}
|
|
|
-
|
|
|
- .login-change {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
-
|
|
|
- .checkbox-zhanghao {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #565656;
|
|
|
-
|
|
|
- }
|
|
|
+ .phone-prefix::after{content: '';width: 1rpx;height: 40rpx;display: inline-block;;background-color: #ffffffd9;}
|
|
|
+ .phone-input {font-size: 20px;padding: 0 22rpx;box-sizing: border-box;color: #fff;}
|
|
|
+ .uni-input-placeholder {font-size: 16px;color: #ffffffd9;
|
|
|
}
|
|
|
+ .close-btn{width: 42rpx;height: 42rpx;margin-right: 30rpx;@include ezy-no-repeat-cover;
|
|
|
+ background-image: url("@/static/images/login/login-close-icon.png");}
|
|
|
+ }
|
|
|
+
|
|
|
+ .agreement-checkbox-box {
|
|
|
+ display: flex;justify-content: center;margin-top: 4rpx;;
|
|
|
+ .agreement-checkbox {
|
|
|
+ .uni-checkbox-wrapper{
|
|
|
+ color: #ffffffd9;font-size: 14px;line-height: 1;
|
|
|
+ flex-direction: row;flex-wrap: wrap;
|
|
|
+ .uni-checkbox-input{
|
|
|
+ width: 40rpx;height: 40rpx;border: 0;background-color: unset;@include ezy-no-repeat-cover;
|
|
|
+ background-image: url("@/static/images/login/login-checked-bj.png");margin-right: 4rpx;
|
|
|
+ svg {width: 28;height: 28rpx;top: 48%;left: 50%;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .agreement-text{color: #e3f524;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .yzm-btn-img{
|
|
|
+ width: 644rpx;height: 106rpx;margin-top: 84rpx;
|
|
|
+ background-image: url("@/static/images/login/login-zym-bj.png");@include ezy-no-repeat-cover;
|
|
|
+ }
|
|
|
+ .wx-btn-img{
|
|
|
+ width: 96rpx;height: 96rpx;position: absolute;bottom:3%;
|
|
|
+ left: 50%;transform:translateX(-50%) ;
|
|
|
+ background-image: url("@/static/images/login/login-wx-icon.png");@include ezy-no-repeat-cover;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
.lli-develop-expect-page{
|
|
|
display: flex;flex-direction: column;justify-content: space-between;align-items: center;
|
tanxue
