|
@@ -1,57 +1,69 @@
|
|
|
/* pages/login/login.wxss */
|
|
|
-.container {
|
|
|
- padding: 100rpx 0 80rpx 0;
|
|
|
+.body {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
background-size: 100% 100%;
|
|
|
z-index: -99;
|
|
|
+ padding-top: 228rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.app-title {
|
|
|
- margin-top: 130rpx;
|
|
|
- font-size: 1.4em;
|
|
|
- text-align: center;
|
|
|
- font-weight: 700;
|
|
|
- color: #fff;
|
|
|
- display: inline-flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.login {
|
|
|
- padding: 0 6%;
|
|
|
+ padding: 0 80rpx;
|
|
|
width: 100%;
|
|
|
box-sizing: border-box;
|
|
|
+ margin-top: 100rpx;
|
|
|
}
|
|
|
|
|
|
-.login-row {
|
|
|
+form {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.login-row {
|
|
|
+ width: 99%;
|
|
|
display: inline-flex;
|
|
|
align-items: center;
|
|
|
- border-bottom: solid 1rpx #ffffff;
|
|
|
- padding-bottom: 20rpx;
|
|
|
- margin-bottom: 40rpx;
|
|
|
+ border-bottom: solid 1rpx #FFFFFF30;
|
|
|
+ padding-bottom: 16rpx;
|
|
|
+ padding-left: 24rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.login-row:nth-child(2) {
|
|
|
+ margin-top: 70rpx;
|
|
|
}
|
|
|
|
|
|
.login-phone {
|
|
|
- height: 60rpx;
|
|
|
+ width: 35rpx;
|
|
|
+ height: 48rpx;
|
|
|
}
|
|
|
|
|
|
.login-input {
|
|
|
width: 90%;
|
|
|
height: 60rpx;
|
|
|
- margin-left: 30rpx;
|
|
|
+ margin-left: 24rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
.send_btn {
|
|
|
- color: #ffffff;
|
|
|
+ color: #FFFFFF;
|
|
|
line-height: 60rpx;
|
|
|
position: absolute;
|
|
|
- right: 60rpx;
|
|
|
+ margin-left: 30rpx;
|
|
|
+ right: 90rpx;
|
|
|
}
|
|
|
|
|
|
.login-btn {
|
|
|
- color: #ffffff;
|
|
|
- margin-top: 80rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ margin-top: 90rpx;
|
|
|
margin-left: 0 !important;
|
|
|
width: 100% !important;
|
|
|
height: 80rpx !important;
|
|
@@ -64,31 +76,32 @@
|
|
|
|
|
|
.line-row {
|
|
|
display: inline-flex;
|
|
|
- width: 90%;
|
|
|
- margin-left: 5%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
align-items: center;
|
|
|
text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-input {
|
|
|
- color: #ffffff;
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 250rpx;
|
|
|
+ padding: 0 100rpx;
|
|
|
}
|
|
|
|
|
|
.line {
|
|
|
- width: 30%;
|
|
|
+ width: 33%;
|
|
|
height: 2rpx;
|
|
|
text-align: center;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
|
|
|
-.line-row span {
|
|
|
+.line-row text {
|
|
|
color: #ffffff;
|
|
|
- width: 30%;
|
|
|
+ margin: 0 15rpx;
|
|
|
+ font-size: 34rpx;
|
|
|
}
|
|
|
|
|
|
.fast-login {
|
|
|
height: 100rpx;
|
|
|
- width: 100rpx;
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 46rpx;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
@@ -101,9 +114,10 @@ input {
|
|
|
}
|
|
|
|
|
|
.app-bottom {
|
|
|
- color: #ffffff;
|
|
|
+ color: #FFFFFF72;
|
|
|
+ bottom: 40rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ width: 100%;
|
|
|
+ position: absolute;
|
|
|
text-align: center;
|
|
|
- position: relative;
|
|
|
- bottom: 0;
|
|
|
- font-size: .9em;
|
|
|
}
|