13 changed files with 343 additions and 210 deletions
File diff suppressed because one or more lines are too long
@ -1,165 +1,165 @@ |
|||||
page { |
page { |
||||
width: 100%; |
width: 100%; |
||||
height: 100vh; |
height: 100vh; |
||||
} |
} |
||||
.main-bg { |
.main-bg { |
||||
width: 100%; |
width: 100%; |
||||
height: 100%; |
height: 100%; |
||||
background:#fff; |
background:#fff; |
||||
position: relative; |
position: relative; |
||||
} |
} |
||||
|
|
||||
.header .header-bg { |
.header .header-bg { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
/* position: absolute; |
||||
|
z-index: 10; |
||||
|
left: 0; |
||||
|
top: 0; */ |
||||
|
position: absolute; |
||||
|
height: 100%; |
||||
|
z-index: -999; |
||||
|
} |
||||
|
|
||||
|
.main-bg image{ |
||||
width: 100%; |
width: 100%; |
||||
height: 100%; |
height: 100%; |
||||
/* position: absolute; |
object-fit: cover; |
||||
z-index: 10; |
|
||||
left: 0; |
|
||||
top: 0; */ |
|
||||
position: absolute; |
position: absolute; |
||||
height: 100%; |
left: 0; |
||||
z-index: -999; |
top: 0; |
||||
} |
} |
||||
|
|
||||
.main-bg image{ |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
object-fit: cover; |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
top: 0; |
|
||||
} |
|
||||
|
|
||||
.login-top{ |
.login-top{ |
||||
width: 100%; |
width: 100%; |
||||
height: 310rpx; |
height: 310rpx; |
||||
z-index: 100; |
z-index: 100; |
||||
position: relative; |
position: relative; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
display: flex; |
display: flex; |
||||
justify-content: center; |
justify-content: center; |
||||
align-items: center; |
align-items: center; |
||||
} |
} |
||||
.login-top .picture{ |
.login-top .picture{ |
||||
flex: 1; |
flex: 1; |
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
flex-direction: column; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: flex-end; |
justify-content: flex-end; |
||||
height: 100%; |
height: 100%; |
||||
} |
} |
||||
|
|
||||
.login-top .picture .picture-bg{ |
.login-top .picture .picture-bg{ |
||||
width: 160rpx; |
width: 160rpx; |
||||
height: 160rpx; |
height: 160rpx; |
||||
position: relative; |
position: relative; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: center; |
justify-content: center; |
||||
} |
} |
||||
|
|
||||
.data-name{ |
.data-name{ |
||||
width: 96rpx; |
width: 96rpx; |
||||
height: 36rpx; |
height: 36rpx; |
||||
text-align: center; |
text-align: center; |
||||
position: relative; |
position: relative; |
||||
left: 85rpx; |
left: 85rpx; |
||||
top: -22rpx; |
top: -22rpx; |
||||
} |
} |
||||
.data-name image{ |
.data-name image{ |
||||
width: 100%; |
width: 100%; |
||||
height: 100%; |
height: 100%; |
||||
object-fit: cover; |
object-fit: cover; |
||||
position: absolute; |
position: absolute; |
||||
left: 0; |
left: 0; |
||||
top: 0; |
top: 0; |
||||
} |
} |
||||
.data-name .name{ |
.data-name .name{ |
||||
font-size:24rpx; |
font-size:24rpx; |
||||
font-family:PingFang SC; |
font-family:PingFang SC; |
||||
font-weight:500; |
font-weight:500; |
||||
position: relative; |
position: relative; |
||||
color:rgba(255,255,255,1); |
color:rgba(255,255,255,1); |
||||
} |
} |
||||
|
|
||||
|
|
||||
.login-bottom{ |
.login-bottom{ |
||||
width: 100%; |
width: 100%; |
||||
height: 570rpx; |
height: 570rpx; |
||||
z-index: 100; |
z-index: 100; |
||||
position: relative; |
position: relative; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
display: flex; |
display: flex; |
||||
justify-content: center; |
justify-content: center; |
||||
align-items: center; |
align-items: center; |
||||
top: 127rpx; |
top: 127rpx; |
||||
} |
} |
||||
.login-bottom .info{ |
.login-bottom .info{ |
||||
flex: 1; |
flex: 1; |
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
flex-direction: column; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: flex-end; |
justify-content: flex-end; |
||||
} |
} |
||||
|
|
||||
.login-bottom .info .info-bg{ |
.login-bottom .info .info-bg{ |
||||
width: 640rpx; |
width: 640rpx; |
||||
height: 500rpx; |
height: 520rpx; |
||||
position: relative; |
position: relative; |
||||
background:rgba(255,255,255,1); |
background:rgba(255,255,255,1); |
||||
box-shadow:0px 8px 10px 0px rgba(33,155,138,0.22); |
box-shadow:0px 8px 10px 0px rgba(33,155,138,0.22); |
||||
border-radius: 24rpx; |
border-radius: 24rpx; |
||||
} |
} |
||||
.login-bottom .info .info-bg .name{ |
.login-bottom .info .info-bg .name{ |
||||
width:560rpx; |
width:560rpx; |
||||
height:88rpx; |
height:88rpx; |
||||
background:rgba(248,248,248,1); |
background:rgba(248,248,248,1); |
||||
border-radius:44rpx; |
border-radius:44rpx; |
||||
position: relative; |
position: relative; |
||||
margin-top: 97rpx; |
margin-top: 97rpx; |
||||
left: 39rpx; |
left: 39rpx; |
||||
} |
} |
||||
.name-pw-bg{ |
.name-pw-bg{ |
||||
width: 34rpx; |
width: 34rpx; |
||||
height: 34rpx; |
height: 34rpx; |
||||
float: left; |
float: left; |
||||
position: absolute; |
position: absolute; |
||||
left: 41rpx; |
left: 41rpx; |
||||
margin-top: 27rpx; |
margin-top: 27rpx; |
||||
} |
} |
||||
.info-input{ |
.info-input{ |
||||
float: left; |
float: left; |
||||
width: 395rpx; |
width: 395rpx; |
||||
height: 100%; |
height: 100%; |
||||
position: absolute; |
position: absolute; |
||||
margin-left: 107rpx; |
margin-left: 107rpx; |
||||
} |
} |
||||
.info-input input{ |
.info-input input{ |
||||
margin-top: 15rpx; |
margin-top: 15rpx; |
||||
font-size:30rpx; |
font-size:30rpx; |
||||
} |
} |
||||
.login-bottom .info .info-bg .password{ |
.login-bottom .info .info-bg .password{ |
||||
width:560rpx; |
width:560rpx; |
||||
height:88rpx; |
height:88rpx; |
||||
background:rgba(248,248,248,1); |
background:rgba(248,248,248,1); |
||||
border-radius:44rpx; |
border-radius:44rpx; |
||||
position: relative; |
position: relative; |
||||
margin-top: 29rpx; |
margin-top: 29rpx; |
||||
left: 39rpx; |
left: 39rpx; |
||||
} |
} |
||||
|
|
||||
.login-bottom .info .info-bg .login{ |
.login-bottom .info .info-bg .login{ |
||||
width:560rpx; |
width:560rpx; |
||||
height:88rpx; |
height:88rpx; |
||||
background:#f5071ad6; |
background:#f5071ad6; |
||||
border-radius:44rpx; |
border-radius:44rpx; |
||||
position: relative; |
position: relative; |
||||
margin-top: 82rpx; |
margin-top: 50rpx; |
||||
left: 39rpx; |
left: 39rpx; |
||||
text-align: center; |
text-align: center; |
||||
line-height: 88rpx; |
line-height: 88rpx; |
||||
font-size:36rpx; |
font-size:36rpx; |
||||
font-family:PingFang SC; |
font-family:PingFang SC; |
||||
font-weight:500; |
font-weight:500; |
||||
color:rgba(255,255,255,1); |
color:rgba(255,255,255,1); |
||||
} |
} |
@ -1,7 +1,13 @@ |
|||||
{ |
{ |
||||
"usingComponents": { |
"usingComponents": { |
||||
"wux-picker": "../../../../../dist/picker/index" |
"wux-picker": "../../../../../dist/picker/index", |
||||
|
"wux-icon": "../../../../../dist/icon/index" |
||||
|
|
||||
}, |
}, |
||||
"navigationBarBackgroundColor": "#e33131", |
"navigationStyle": "custom", |
||||
"navigationBarTextStyle": "white" |
"navigationBarTextStyle": "white", |
||||
|
"enablePullDownRefresh": true, |
||||
|
"backgroundColor": "#f8f8f8", |
||||
|
"backgroundTextStyle": "dark" |
||||
|
|
||||
} |
} |
After Width: | Height: | Size: 38 KiB |
Loading…
Reference in new issue