feat: 完成页面开发

2024-12-27 19:01:54 +08:00
parent b642a7d5e7
commit 6d62cc0567
52 changed files with 1463 additions and 31 deletions
@@ -0,0 +1,92 @@
+<route lang="json5">
+{
+  style: {
+    navigationBarTitleText: '实名认证',
+    navigationBarBackgroundColor: '#fff',
+  },
+}
+</route>
+
+<template>
+  <view class="withdrawal-type-edit-page pb-100 min-h-screen">
+    <view class="p-15 m-15 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
+      <view class="flex items-center py-15 text-14">
+        <image src="@/static/images/page-sub/realname/realname-type.png" class="w-20 h-20" />
+        <view class="ml-8">证件类型</view>
+        <view class="flex-1 text-right text-14">身份证</view>
+      </view>
+      <view class="flex items-center py-15 text-14">
+        <image src="@/static/images/page-sub/realname/realname-name.png" class="w-20 h-20" />
+        <view class="ml-8">真实姓名</view>
+        <input
+          class="flex-1 text-right text-14"
+          placeholder-class=" text-#889BC6 text-right"
+          type="text"
+          placeholder="请输入真实姓名"
+          v-model="form.name"
+        />
+      </view>
+      <view class="flex items-center py-15 text-14">
+        <image src="@/static/images/page-sub/realname/realname-number.png" class="w-20 h-20" />
+        <view class="ml-8">身份证号</view>
+        <input
+          class="flex-1 text-right text-14"
+          placeholder-class=" text-#889BC6 text-right"
+          type="text"
+          placeholder="请输入身份证号"
+          v-model="form.idCard"
+        />
+      </view>
+    </view>
+    <view class="fixed bottom-0 left-0 right-0 pb-safe">
+      <button class="btn-gradient text-white rounded-full m-15 text-16" @click="onAddType">
+        提交
+      </button>
+    </view>
+    <view class="flex flex-col items-center" v-if="false">
+      <image
+        src="@/static/images/page-sub/realname/realname-success.png"
+        class="w-150 h-150 block"
+        mode="aspectFit"
+      />
+      <view class="text-center mt-15 text-14 text-#999">恭喜您，实名认证成功</view>
+      <button class="btn-gradient px-30 text-white rounded-full m-15 text-16" @click="onBack">
+        返回
+      </button>
+      <image
+        src="@/static/images/page-sub/realname/realname-fail.png"
+        class="w-150 h-150 block"
+        mode="aspectFit"
+      />
+      <view class="text-center mt-15 text-14 text-#999">您的实名认证正在审核中，请耐心等待</view>
+      <button class="btn-gradient px-30 text-white rounded-full m-15 text-16" @click="onBack">
+        返回
+      </button>
+      <image
+        src="@/static/images/page-sub/realname/realname-checking.png"
+        class="w-150 h-150 block"
+        mode="aspectFit"
+      />
+      <view class="text-center mt-15 text-14 text-#999">您的实名认证审核未通过，请重新提交</view>
+      <button class="btn-gradient px-30 text-white rounded-full m-15 text-16">重新提交</button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const form = ref({
+  type: '',
+})
+
+const onBack = () => {
+  uni.navigateBack()
+}
+</script>
+<style lang="scss" scoped>
+.withdrawal-type-edit-page {
+  --wot-input-placeholder-color: #889bc6;
+  --wot-cell-wrapper-padding: 0;
+}
+</style>