feat: 初始化

pages/user/personalInformation/email/success/index.scss

@@ -0,0 +1,70 @@
+.container {
+	padding: 0 24px 24px 16px;
+	.title {
+		margin: 14px 0 15px;
+	}
+	.content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		row-gap: 10px;
+		margin-top: 62px;
+		.successTitle {
+			font-size: 24px;
+			font-weight: 700;
+			color: #333333;
+			text-align: center;
+		}
+		.successTitle2 {
+			font-size: 18px;
+			font-weight: 700;
+			color: #333333;
+			text-align: center;
+		}
+		.successDesc {
+			margin-top: 19px;
+			font-size: 12px;
+			color: #aaaaaa;
+			text-align: center;
+		}
+	}
+	.btns {
+		display: flex;
+		flex-direction: column;
+		row-gap: 12px;
+		.btn {
+			width: 100%;
+		}
+	}
+	.stepsWrapper {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		row-gap: 8px;
+		color: #999999;
+		font-size: 12px;
+		margin: 34px 0 20px;
+		.steps {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			column-gap: 3px;
+			width: 100%;
+			height: 10px;
+			padding: 0 3px;
+			border: 1px solid #e5e5e5;
+			border-radius: 10px;
+			box-sizing: border-box;
+			.stepItem {
+				flex: 1;
+				height: 5px;
+				background-color: #e5e5e5;
+				border-radius: 10px;
+				box-sizing: border-box;
+				&.active {
+					background-image: linear-gradient(to right, #103776 0%, #6474af 100%);
+				}
+			}
+		}
+	}
+}

pages/user/personalInformation/email/success/index.vue

@@ -0,0 +1,76 @@
+<template>
+	<NavBar />
+	<view class="container">
+		<view class="title">
+			<PageTitle :title="$t('verifyEmail.pageTitle')" />
+		</view>
+		<view class="content">
+			<image src="/static/success.png" mode="aspectFit" style="width: 56px; height: 56px"></image>
+			<text class="successTitle">{{ $t('verifyEmail.mailSuccess') }}</text>
+
+      <text class="successTitle2" style="padding: 40px 0px;">{{ $t('verifyEmail.successText') }}</text>
+		</view>
+		<view class="btns">
+			<button class="btn primaryButton" type="button" @click="start2">
+				{{ $t('verifyEmail.start2') }}
+			</button>
+		</view>
+    <view class="stepsWrapper">
+      <view class="steps">
+        <view :class="['stepItem', currentStep >= 1 ? 'active' : '']"></view>
+        <view :class="['stepItem', currentStep >= 2 ? 'active' : '']"></view>
+        <view :class="['stepItem', currentStep >= 3 ? 'active' : '']"></view>
+      </view>
+      <text>{{ $t('form.personalData.personalInformation.progress') + `${completePercent}` }}</text>
+    </view>
+	</view>
+</template>
+
+<script>
+import { getPersonalAuthStatus } from '@/services/user.ts';
+export default {
+	name: '',
+	data() {
+		return {
+      authStatus: {}
+    };
+	},
+	methods: {
+    start2() {
+			uni.redirectTo({
+        url: `/pages/user/personalInformation/identity/index?proven=${this.getProven()}&authStatus=${JSON.stringify(this.authStatus)}`
+			});
+		},
+    async getAuthStatus() {
+      const res = await getPersonalAuthStatus();
+      if (res && res.code === 0) {
+        this.authStatus = res.data;
+      }
+    },
+    getProven() {
+      if (this.authStatus.identity === 1){
+        return true;
+      }else {
+        return false
+      }
+    }
+	},
+  created() {
+    this.getAuthStatus();
+  },
+  computed: {
+    currentStep() {
+      const keys = Object.keys(this.authStatus);
+      return keys.filter((key) => this.authStatus[key] === 1).length;
+    },
+    completePercent() {
+      const keys = Object.keys(this.authStatus);
+      return `${keys.filter((key) => this.authStatus[key] === 1).length} / ${keys.length}`;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>