|
@@ -1,175 +1,175 @@
|
|
|
<template>
|
|
|
- <view class="content">
|
|
|
- <view style="height: 190rpx;"></view>
|
|
|
- <view class="a-title">
|
|
|
- <view class="title">本人实名认证</view>
|
|
|
- <view class="text">用于身份实名核验,反洗钱,资料将严格保密</view>
|
|
|
- </view>
|
|
|
- <view class="a-idcard-box">
|
|
|
- <view class="front bg-image">
|
|
|
- <zzx-icon name="upload" size="30"></zzx-icon>
|
|
|
- <view class="">上传人像面</view>
|
|
|
- </view>
|
|
|
- <view class="flip-side bg-image">
|
|
|
- <zzx-icon name="upload" size="30"></zzx-icon>
|
|
|
- <view class="">上传国徽面</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="a-form">
|
|
|
- <view class="form-item">
|
|
|
- <view class="">真实姓名</view>
|
|
|
- <input type="text" placeholder="请输入本人姓名" />
|
|
|
- </view>
|
|
|
- <view class="form-item">
|
|
|
- <view class="">身份证号</view>
|
|
|
- <input type="idcard" placeholder="请输入本人身份证号" />
|
|
|
- </view>
|
|
|
- <view class="form-item">
|
|
|
- <view class="">手机号码</view>
|
|
|
- <input type="number" placeholder="请输入手机号" />
|
|
|
- </view>
|
|
|
- <view class="form-tips">老人或无手机号,可填写亲友手机号</view>
|
|
|
- </view>
|
|
|
- <view class="u-select-btn">
|
|
|
- <button hover-class="hover-btn" @click="submit">下一步</button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="content">
|
|
|
+ <view style="height: 190rpx"></view>
|
|
|
+ <view class="a-title">
|
|
|
+ <view class="title">本人实名认证</view>
|
|
|
+ <view class="text">用于身份实名核验,反洗钱,资料将严格保密</view>
|
|
|
+ </view>
|
|
|
+ <view class="a-idcard-box">
|
|
|
+ <view class="front bg-image">
|
|
|
+ <zzx-icon name="upload" size="30"></zzx-icon>
|
|
|
+ <view class="">上传人像面</view>
|
|
|
+ </view>
|
|
|
+ <view class="flip-side bg-image">
|
|
|
+ <zzx-icon name="upload" size="30"></zzx-icon>
|
|
|
+ <view class="">上传国徽面</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="a-form">
|
|
|
+ <view class="form-item">
|
|
|
+ <view class="">真实姓名</view>
|
|
|
+ <input type="text" placeholder="请输入本人姓名" />
|
|
|
+ </view>
|
|
|
+ <view class="form-item">
|
|
|
+ <view class="">身份证号</view>
|
|
|
+ <input type="idcard" placeholder="请输入本人身份证号" />
|
|
|
+ </view>
|
|
|
+ <view class="form-item">
|
|
|
+ <view class="">手机号码</view>
|
|
|
+ <input type="number" placeholder="请输入手机号" />
|
|
|
+ </view>
|
|
|
+ <view class="form-tips">老人或无手机号,可填写亲友手机号</view>
|
|
|
+ </view>
|
|
|
+ <view class="u-select-btn">
|
|
|
+ <button hover-class="hover-btn" @click="submit">下一步</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
- import { ref } from 'vue';
|
|
|
- const submit = () => {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/index/identityCertifying/index'
|
|
|
- })
|
|
|
- return
|
|
|
- uni.checkIsSupportSoterAuthentication({
|
|
|
- success: (res) => {
|
|
|
- wx.startFacialRecognitionVerify({
|
|
|
- name: '',
|
|
|
- idCardNumber: '',
|
|
|
- success: (res) => {
|
|
|
- if (res.errMsg == 'startFacialRecognitionVerify:ok') {
|
|
|
- console.log(res,'人脸识别结果:success');
|
|
|
- }
|
|
|
- },
|
|
|
- fail: (err) => {
|
|
|
- console.log(err,'人脸识别结果:fail')
|
|
|
- uni.showToast({
|
|
|
- title: '人脸识别失败',
|
|
|
- icon: 'none',
|
|
|
- duration: 20000,
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- fail: (err) => {
|
|
|
- console.log(err)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+import { ref } from "vue";
|
|
|
+const submit = () => {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages/index/identityCertifying/index",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ uni.checkIsSupportSoterAuthentication({
|
|
|
+ success: (res) => {
|
|
|
+ wx.startFacialRecognitionVerify({
|
|
|
+ name: "",
|
|
|
+ idCardNumber: "",
|
|
|
+ success: (res) => {
|
|
|
+ if (res.errMsg == "startFacialRecognitionVerify:ok") {
|
|
|
+ console.log(res, "人脸识别结果:success");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail: (err) => {
|
|
|
+ console.log(err, "人脸识别结果:fail");
|
|
|
+ uni.showToast({
|
|
|
+ title: "人脸识别失败",
|
|
|
+ icon: "none",
|
|
|
+ duration: 20000,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail: (err) => {
|
|
|
+ console.log(err);
|
|
|
+ },
|
|
|
+ });
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
- .content {
|
|
|
- background: #fff;
|
|
|
- height: 1300rpx;
|
|
|
+.content {
|
|
|
+ background: #fff;
|
|
|
+ height: 1300rpx;
|
|
|
|
|
|
- .a-title {
|
|
|
- text-align: center;
|
|
|
+ .a-title {
|
|
|
+ text-align: center;
|
|
|
|
|
|
- .title {
|
|
|
- font-weight: 800;
|
|
|
- font-size: 36rpx;
|
|
|
- color: #222222;
|
|
|
- }
|
|
|
+ .title {
|
|
|
+ font-weight: 800;
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #222222;
|
|
|
+ }
|
|
|
|
|
|
- .text {
|
|
|
- margin-top: 20rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #AAAAAA;
|
|
|
- }
|
|
|
- }
|
|
|
- .a-idcard-box{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-around;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #222222;
|
|
|
- margin-top: 40rpx;
|
|
|
- .front{
|
|
|
- width: 332rpx;
|
|
|
- height: 204rpx;
|
|
|
- border-radius: 16rpx;
|
|
|
- background-image: url('@/static/idcard-front.png');
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
- .flip-side{
|
|
|
- width: 332rpx;
|
|
|
- height: 204rpx;
|
|
|
- border-radius: 16rpx;
|
|
|
- background-image: url('@/static/idcard-flipSide.png');
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
- }
|
|
|
+ .text {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #aaaaaa;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .a-idcard-box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-around;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #222222;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ .front {
|
|
|
+ width: 332rpx;
|
|
|
+ height: 204rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background-image: url("@/static/idcard-front.png");
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ .flip-side {
|
|
|
+ width: 332rpx;
|
|
|
+ height: 204rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background-image: url("@/static/idcard-flipSide.png");
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .a-form {
|
|
|
- margin-top: 20rpx;
|
|
|
+ .a-form {
|
|
|
+ margin-top: 20rpx;
|
|
|
|
|
|
- .form-item {
|
|
|
- height: 110rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 20rpx;
|
|
|
- border-bottom: 1rpx solid #F0F0F0;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #222222;
|
|
|
+ .form-item {
|
|
|
+ height: 110rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 20rpx;
|
|
|
+ border-bottom: 1rpx solid #f0f0f0;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #222222;
|
|
|
|
|
|
- &>input {
|
|
|
- font-weight: normal;
|
|
|
- }
|
|
|
- }
|
|
|
- .form-tips{
|
|
|
- margin-top: 20rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #AAAAAA;
|
|
|
- }
|
|
|
- }
|
|
|
+ & > input {
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .form-tips {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #aaaaaa;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .u-select-btn {
|
|
|
- position: fixed;
|
|
|
- width: 100%;
|
|
|
- height: 300rpx;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- background: #fff;
|
|
|
+ .u-select-btn {
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ height: 300rpx;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background: #fff;
|
|
|
|
|
|
- &>button {
|
|
|
- width: 95%;
|
|
|
- height: 100rpx;
|
|
|
- line-height: 100rpx;
|
|
|
- background: #D3FD76;
|
|
|
- border-radius: 60rpx;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 32rpx;
|
|
|
- color: #222222;
|
|
|
- }
|
|
|
+ & > button {
|
|
|
+ width: 95%;
|
|
|
+ height: 100rpx;
|
|
|
+ line-height: 100rpx;
|
|
|
+ background: #d3fd76;
|
|
|
+ border-radius: 60rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #222222;
|
|
|
+ }
|
|
|
|
|
|
- &>button::after {
|
|
|
- border: none;
|
|
|
- }
|
|
|
+ & > button::after {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
|
|
|
- .hover-btn {
|
|
|
- background: #ccf371;
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-</style>
|
|
|
+ .hover-btn {
|
|
|
+ background: #ccf371;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|