12 changed files with 451 additions and 64 deletions
@ -0,0 +1,14 @@ |
|||||
|
# Windows |
||||
|
[Dd]esktop.ini |
||||
|
Thumbs.db |
||||
|
$RECYCLE.BIN/ |
||||
|
|
||||
|
# macOS |
||||
|
.DS_Store |
||||
|
.fseventsd |
||||
|
.Spotlight-V100 |
||||
|
.TemporaryItems |
||||
|
.Trashes |
||||
|
|
||||
|
# Node.js |
||||
|
node_modules/ |
File diff suppressed because one or more lines are too long
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"navigationStyle": "custom", |
||||
|
"navigationBarTitleText": "登录" |
||||
|
} |
@ -0,0 +1,28 @@ |
|||||
|
|
||||
|
<view class="header"> |
||||
|
<image class="header-bg" src="../../images/main/home_top.png" mode="widthFix" /> |
||||
|
<view class="login-top"></view> |
||||
|
<view class="login-bottom"> |
||||
|
<view class="info"> |
||||
|
<view class="info-bg"> |
||||
|
<view class="name"> |
||||
|
<view class="name-pw-bg"> |
||||
|
<image src="../../../../../../assets/images/name.png"></image> |
||||
|
</view> |
||||
|
<view class="info-input"> |
||||
|
<input bindinput="getUserName" placeholder="请输入用户名"></input> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="password"> |
||||
|
<view class="name-pw-bg"> |
||||
|
<image src="../../../../../../assets/images/password.png"></image> |
||||
|
</view> |
||||
|
<view class="info-input"> |
||||
|
<input bindinput="getPassword" password placeholder="请输入密码"></input> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="login" bindtap="handleLogin">登 录</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
@ -0,0 +1,165 @@ |
|||||
|
page { |
||||
|
width: 100%; |
||||
|
height: 100vh; |
||||
|
} |
||||
|
.main-bg { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background:#fff; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.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%; |
||||
|
height: 100%; |
||||
|
object-fit: cover; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
} |
||||
|
|
||||
|
.login-top{ |
||||
|
width: 100%; |
||||
|
height: 310rpx; |
||||
|
z-index: 100; |
||||
|
position: relative; |
||||
|
box-sizing: border-box; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.login-top .picture{ |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: flex-end; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.login-top .picture .picture-bg{ |
||||
|
width: 160rpx; |
||||
|
height: 160rpx; |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.data-name{ |
||||
|
width: 96rpx; |
||||
|
height: 36rpx; |
||||
|
text-align: center; |
||||
|
position: relative; |
||||
|
left: 85rpx; |
||||
|
top: -22rpx; |
||||
|
} |
||||
|
.data-name image{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
object-fit: cover; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
} |
||||
|
.data-name .name{ |
||||
|
font-size:24rpx; |
||||
|
font-family:PingFang SC; |
||||
|
font-weight:500; |
||||
|
position: relative; |
||||
|
color:rgba(255,255,255,1); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.login-bottom{ |
||||
|
width: 100%; |
||||
|
height: 570rpx; |
||||
|
z-index: 100; |
||||
|
position: relative; |
||||
|
box-sizing: border-box; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
top: 127rpx; |
||||
|
} |
||||
|
.login-bottom .info{ |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
|
||||
|
.login-bottom .info .info-bg{ |
||||
|
width: 640rpx; |
||||
|
height: 500rpx; |
||||
|
position: relative; |
||||
|
background:rgba(255,255,255,1); |
||||
|
box-shadow:0px 8px 10px 0px rgba(33,155,138,0.22); |
||||
|
border-radius: 24rpx; |
||||
|
} |
||||
|
.login-bottom .info .info-bg .name{ |
||||
|
width:560rpx; |
||||
|
height:88rpx; |
||||
|
background:rgba(248,248,248,1); |
||||
|
border-radius:44rpx; |
||||
|
position: relative; |
||||
|
margin-top: 97rpx; |
||||
|
left: 39rpx; |
||||
|
} |
||||
|
.name-pw-bg{ |
||||
|
width: 34rpx; |
||||
|
height: 34rpx; |
||||
|
float: left; |
||||
|
position: absolute; |
||||
|
left: 41rpx; |
||||
|
margin-top: 27rpx; |
||||
|
} |
||||
|
.info-input{ |
||||
|
float: left; |
||||
|
width: 395rpx; |
||||
|
height: 100%; |
||||
|
position: absolute; |
||||
|
margin-left: 107rpx; |
||||
|
} |
||||
|
.info-input input{ |
||||
|
margin-top: 15rpx; |
||||
|
font-size:30rpx; |
||||
|
} |
||||
|
.login-bottom .info .info-bg .password{ |
||||
|
width:560rpx; |
||||
|
height:88rpx; |
||||
|
background:rgba(248,248,248,1); |
||||
|
border-radius:44rpx; |
||||
|
position: relative; |
||||
|
margin-top: 29rpx; |
||||
|
left: 39rpx; |
||||
|
} |
||||
|
|
||||
|
.login-bottom .info .info-bg .login{ |
||||
|
width:560rpx; |
||||
|
height:88rpx; |
||||
|
background:#f5071ad6; |
||||
|
border-radius:44rpx; |
||||
|
position: relative; |
||||
|
margin-top: 82rpx; |
||||
|
left: 39rpx; |
||||
|
text-align: center; |
||||
|
line-height: 88rpx; |
||||
|
font-size:36rpx; |
||||
|
font-family:PingFang SC; |
||||
|
font-weight:500; |
||||
|
color:rgba(255,255,255,1); |
||||
|
} |
File diff suppressed because one or more lines are too long
@ -0,0 +1,3 @@ |
|||||
|
{ |
||||
|
"lockfileVersion": 1 |
||||
|
} |
Loading…
Reference in new issue