我的团队添加

pages/my-index/wallet/bank-card/card-details.vue

@@ -51,6 +51,9 @@
           stateData.state === '101' ? '支付宝账号' : '微信账号'
         }`"
       ></CardInput>
+      <CardInput :is-input="false" title="收款码">
+        <cb-file-picker v-model="formData.img"></cb-file-picker>
+      </CardInput>
     </view>
   </view>
 </template>

pages/my-index/wallet/index.vue

@@ -13,7 +13,7 @@
       key: '3',
       url: '/pages/my-index/wallet/edit-password'
     },
-    { title: '实名认证', key: '4', url: '' }
+    { title: '实名认证', key: '4', url: '/pages/my-index/wallet/real-id' }
   ]
 </script>
 
@@ -23,7 +23,7 @@
     <view class="top-card">
       <view class="left-box">
         <text>我的资产</text>
-        <text>2222</text>
+        <text>1222</text>
       </view>
       <view class="right-box">
         <button>充值</button>

pages/my-index/wallet/real-id.vue

@@ -0,0 +1,67 @@
+<script setup>
+  import { reactive } from 'vue'
+  import CardInput from '../components/card-input.vue'
+
+  const formData = reactive({
+    // 正面
+    front: '',
+    // 背面
+    back: '',
+    // 手机号
+    phone: '',
+    // 身份证号码
+    idCard: ''
+  })
+</script>
+
+<template>
+  <view class="real-id">
+    <!-- 说明 -->
+    <text class="top-text">*为保证您的账户安全,请先完成实名认证</text>
+
+    <CardInput :is-input="false" title="收款码">
+      <view class="qrcode-box">
+        <cb-file-picker v-model="formData.front" isFront></cb-file-picker>
+        <cb-file-picker v-model="formData.back" isBack></cb-file-picker>
+      </view>
+    </CardInput>
+
+    <CardInput
+      v-model="formData.phone"
+      title="手机号"
+      type="tel"
+      placeholder="请输入手机号"
+    ></CardInput>
+
+    <CardInput
+      v-model="formData.idCard"
+      type="text"
+      title="身份证号"
+      placeholder="请输入身份证号"
+    ></CardInput>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  @import '../styles/index.scss';
+
+  .real-id {
+    padding: 32rpx 24rpx;
+    font-family: PingFang SC, PingFang SC;
+    font-style: normal;
+    text-transform: none;
+    .top-text {
+      display: block;
+      font-weight: 500;
+      font-size: 24rpx;
+      color: #999999;
+      text-align: left;
+      margin-bottom: 32rpx;
+    }
+
+    .qrcode-box {
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+</style>