Skip to content
GitLab
Commit 7efe35dc authored by usgeek's avatar usgeek Committed by linlinjava
Browse files

登陆页面样式调整

parent 202c3a64
Hide whitespace changes
Inline Side-by-side
litemall-wx/pages/auth/accountLogin/accountLogin.wxss
View file @ 7efe35dc
.form-box{ .form-box {
width: 100%; width: 100%;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
padding: 0 40rpx; padding: 0 40rpx;
margin-top: 200rpx; margin-top: 200rpx;
background: #fff; background: #fff;
} }
.form-item{ .form-item {
position: relative; position: relative;
background: #fff; background: #fff;
height: 96rpx; height: 96rpx;
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
} }
.form-item .username, .form-item .password, .form-item .code{ .form-item .username, .form-item .password, .form-item .code {
position: absolute; position: absolute;
top: 26rpx; top: 26rpx;
left: 0; left: 0;
display: block; display: block;
width: 100%; width: 100%;
height: 44rpx; height: 44rpx;
background: #fff; background: #fff;
color: #333; color: #333;
font-size: 30rpx; font-size: 30rpx;
} }
.form-item-code{ .form-item-code {
margin-top:32rpx; margin-top: 32rpx;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
.form-item-code .form-item{ .form-item-code .form-item {
float: left; float: left;
width: 350rpx; width: 350rpx;
} }
.form-item-code .code-img{ .form-item-code .code-img {
float: right; float: right;
margin-top: 4rpx; margin-top: 4rpx;
height: 88rpx; height: 88rpx;
width: 236rpx; width: 236rpx;
} }
.form-item .clear{ .form-item .clear {
position: absolute; position: absolute;
top: 26rpx; top: 26rpx;
right: 18rpx; right: 18rpx;
z-index: 2; z-index: 2;
display: block; display: block;
background: #fff; background: #fff;
height: 44rpx; height: 44rpx;
width: 44rpx; width: 44rpx;
} }
.login-btn{ .login-btn {
margin: 60rpx 0 40rpx 0; margin: 60rpx 0 40rpx 0;
height: 96rpx; height: 96rpx;
line-height: 96rpx; line-height: 96rpx;
font-size: 30rpx; font-size: 30rpx;
width: 100%; border-radius: 6rpx;
background: #b4282d; width: 90%;
border-radius: 6rpx; color: #fff;
right: 0;
display: flex;
justify-content: center;
align-items: center;
position: flex;
bottom: 0;
left: 0;
padding: 0;
margin-left: 5%;
text-align: center;
/* padding-left: -5rpx; */
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-top-right-radius: 50rpx;
border-bottom-right-radius: 50rpx;
letter-spacing: 3rpx;
background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%);
} }
.form-item-text{ .form-item-text {
height: 35rpx; height: 35rpx;
width: 100%; width: 100%;
} }
.form-item-text .register{ .form-item-text .register {
display: block; display: block;
height: 34rpx; height: 34rpx;
float: left; float: left;
font-size: 28rpx; font-size: 28rpx;
} }
.form-item-text .reset{ .form-item-text .reset {
display: block; display: block;
height: 34rpx; height: 34rpx;
float: right; float: right;
font-size: 28rpx; font-size: 28rpx;
} }
\ No newline at end of file
litemall-wx/pages/auth/login/login.wxss
View file @ 7efe35dc
.login-box{ .login-box {
width: 100%; width: 100%;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
padding: 0 40rpx; padding: 0 40rpx;
margin-top: 200rpx; margin-top: 200rpx;
background: #fff; background: #fff;
} }
.wx-login-btn{ .wx-login-btn {
margin: 60rpx 0 40rpx 0; margin: 60rpx 0 40rpx 0;
height: 96rpx; height: 96rpx;
line-height: 96rpx; line-height: 96rpx;
font-size: 30rpx; font-size: 30rpx;
width: 100%; border-radius: 6rpx;
border-radius: 6rpx; width: 90%;
color: #fff;
right: 0;
display: flex;
justify-content: center;
align-items: center;
position: flex;
bottom: 0;
left: 0;
padding: 0;
margin-left: 5%;
text-align: center;
/* padding-left: -5rpx; */
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-top-right-radius: 50rpx;
border-bottom-right-radius: 50rpx;
letter-spacing: 3rpx;
} }
.account-login-btn{ .account-login-btn {
margin: 60rpx 0 40rpx 0; width: 90%;
height: 96rpx; margin: 0 auto;
line-height: 96rpx; color: #fff;
font-size: 30rpx; font-size: 30rpx;
width: 100%; height: 96rpx;
border-radius: 6rpx; line-height: 96rpx;
} right: 0;
\ No newline at end of file display: flex;
justify-content: center;
align-items: center;
position: flex;
bottom: 0;
left: 0;
border-radius: 0;
padding: 0;
margin-left: 5%;
text-align: center;
/* padding-left: -5rpx; */
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-top-right-radius: 50rpx;
border-bottom-right-radius: 50rpx;
letter-spacing: 3rpx;
background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%);
}
Supports Markdown
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