5 changed files with 88 additions and 5 deletions
@ -1,3 +1,10 @@ |
|||||
{ |
{ |
||||
"usingComponents": {} |
"navigationStyle": "custom", |
||||
|
"usingComponents": { |
||||
|
"navigationBar": "/components/navigationBar/navigationBar", |
||||
|
"van-image": "@vant/weapp/image/index", |
||||
|
"van-button": "@vant/weapp/button/index", |
||||
|
"van-cell": "@vant/weapp/cell/index", |
||||
|
"van-cell-group": "@vant/weapp/cell-group/index" |
||||
|
} |
||||
} |
} |
||||
@ -1 +1,26 @@ |
|||||
<!--subpages/OCRCard/pages/confirm/confirm.wxml--> |
<!--subpages/OCRCard/pages/confirm/confirm.wxml--> |
||||
|
<navigationBar title="入住办理" isSowArrow isShowBg="" titleAlign="center"></navigationBar> |
||||
|
<view class="cont"> |
||||
|
<view class="header flex flex-sb flex-center-j " style="background-image:url(/images/bg02.png);"> |
||||
|
<view class="flex flex-col "> |
||||
|
<view class="tit">身份信息</view> |
||||
|
<view class="des">请您确认您的身份信息</view> |
||||
|
</view> |
||||
|
<van-image width="82" height="82" src="/images/icon_1.png" custom-class="cusImage" /> |
||||
|
</view> |
||||
|
<view class="info"> |
||||
|
<van-cell-group inset> |
||||
|
<van-cell title="姓名" value="张军" border /> |
||||
|
<van-cell title="身份证" value="370832199602000040" border /> |
||||
|
<van-cell title="手机号" value="13669603020" /> |
||||
|
|
||||
|
</van-cell-group> |
||||
|
|
||||
|
</view> |
||||
|
<view class="btn"> |
||||
|
<van-button slot="button" block type="primary" round color="linear-gradient(to right, #0DC6C6 , #46DBD5)" bind:tap="submit"> |
||||
|
下一步 |
||||
|
</van-button> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
@ -1 +1,46 @@ |
|||||
/* subpages/OCRCard/pages/confirm/confirm.wxss */ |
/* subpages/OCRCard/pages/confirm/confirm.wxss */ |
||||
|
page { |
||||
|
background: #f8f8f8; |
||||
|
} |
||||
|
|
||||
|
.cont { |
||||
|
background: #f8f8f8; |
||||
|
height: 80vh; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.header { |
||||
|
height: 240rpx; |
||||
|
padding: 0rpx 64rpx 0 40rpx; |
||||
|
} |
||||
|
|
||||
|
.tit { |
||||
|
font-size: 44rpx; |
||||
|
font-weight: 600; |
||||
|
margin-top: 40rpx; |
||||
|
} |
||||
|
|
||||
|
.des { |
||||
|
font-size: 28rpx; |
||||
|
color: #666666; |
||||
|
line-height: 60rpx; |
||||
|
} |
||||
|
|
||||
|
.info { |
||||
|
margin-top: -80rpx; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
position: absolute; |
||||
|
bottom: -80rpx; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
max-width: 440rpx; |
||||
|
width: calc(100% - 10rpx); |
||||
|
height: 80rpx; |
||||
|
margin: auto; |
||||
|
} |
||||
|
.van-cell{ |
||||
|
/* line-height: 54rpx !important; */ |
||||
|
} |
||||
|
|||||
Loading…
Reference in new issue