|
@@ -8,11 +8,27 @@
|
|
|
<view class="header">实名认证</view>
|
|
|
</view>
|
|
|
<view class="content-bg">
|
|
|
- <image src="../../users/static/tc.png" mode=""></image>
|
|
|
+ <image src="../../users/static/sm.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="yanzheng">
|
|
|
+ <view class="top">
|
|
|
+ <view class="tex">真实姓名</view>
|
|
|
+ <input class="inp" type="text" placeholder="请输入真实姓名" v-model="text" required />
|
|
|
+ </view>
|
|
|
+ <view class="top">
|
|
|
+ <view class="tex">真实姓名</view>
|
|
|
+ <input class="inp" type="text" placeholder="请输入真实姓名" v-model="text" required />
|
|
|
</view>
|
|
|
-
|
|
|
+ </view>
|
|
|
+ <view class="sc">
|
|
|
+ <view class="poto">上传人脸正面照片</view>
|
|
|
+ <image class="pto" src="../../users/static/pto.png" mode="scaleToFill"></image>
|
|
|
</view>
|
|
|
|
|
|
+ <view class="btn">
|
|
|
+ <button class="bt">立即认证</button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -21,7 +37,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ text: ''
|
|
|
};
|
|
|
},
|
|
|
onLoad() {},
|
|
@@ -36,12 +52,128 @@
|
|
|
|
|
|
<style lang="scss">
|
|
|
page {
|
|
|
- background: #f1f1f1;
|
|
|
+ background: #fff;
|
|
|
height: 100%;
|
|
|
}
|
|
|
+
|
|
|
+ .status_bar {
|
|
|
+ height: var(--status-bar-height);
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
.content-money {
|
|
|
height: 480rpx;
|
|
|
+
|
|
|
+ .content-bg {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 750rpx;
|
|
|
+ height: 480rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .body-title {
|
|
|
+ height: 80rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 35rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .header {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ height: 80rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ z-index: 9;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goback-box {
|
|
|
+ position: absolute;
|
|
|
+ left: 18rpx;
|
|
|
+ top: 0;
|
|
|
+ height: 80rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goback {
|
|
|
+ z-index: 100;
|
|
|
+ width: 34rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
+ .yanzheng {
|
|
|
+ width: 660rpx;
|
|
|
+ height: 220rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-left: 45rpx;
|
|
|
+ box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin: -100rpx auto 0;
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+ .top {
|
|
|
+ display: flex;
|
|
|
+ justify-content: start;
|
|
|
+ padding-top: 40rpx;
|
|
|
+ .tex {
|
|
|
+ size: 50rpx;
|
|
|
+ padding-left: 25rpx;
|
|
|
+ padding-top: 5rpx;
|
|
|
+ }
|
|
|
+ .inp {
|
|
|
+ padding-left: 25rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .sc {
|
|
|
+ width: 660rpx;
|
|
|
+ height: 400rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ margin-left: 45rpx;
|
|
|
+ box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 20rpx;
|
|
|
+
|
|
|
+ .poto {
|
|
|
+ padding-top: 30rpx;
|
|
|
+ margin-left: 25rpx;
|
|
|
+ size: 50rpx;
|
|
|
+ }
|
|
|
+ .pto {
|
|
|
+ width: 312rpx;
|
|
|
+ height: 202rpx;
|
|
|
+ margin-left: 175rpx;
|
|
|
+ margin-top: 60rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bt {
|
|
|
+ width: 650rpx;
|
|
|
+ background: linear-gradient(90deg, #ff8f3b, #ff3107);
|
|
|
+ border-radius: 45rpx;
|
|
|
+ margin-top: 90rpx;
|
|
|
+ margin-left: 38rpx;
|
|
|
+ color: #fff;
|
|
|
+ height: 80rpx !important;
|
|
|
+ line-height: 80rpx !important;
|
|
|
+ }
|
|
|
|
|
|
</style>
|