From b72f752652a42f28db41d51f77dc1720e466e603 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Sat, 16 Aug 2025 11:01:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=89=E5=85=A8=E9=AA=8C=E8=AF=81-=E9=9D=99?=
 =?UTF-8?q?=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  7 ++
 .../securityVerification.vue                  | 83 +++++++++++++++++++
 2 files changed, 90 insertions(+)
 create mode 100644 pages/securityVerification/securityVerification.vue

diff --git a/pages.json b/pages.json
index ce141da..498e99f 100644
--- a/pages.json
+++ b/pages.json
@@ -33,6 +33,13 @@
         "navigationBarTitleText": "设置"
 	
       }
+    },
+    {
+    	"path" : "pages/securityVerification/securityVerification",
+    	"style" : 
+    	{
+    		  "navigationBarTitleText": "安全验证"
+    	}
     }
   ],
   "tabBar": {
diff --git a/pages/securityVerification/securityVerification.vue b/pages/securityVerification/securityVerification.vue
new file mode 100644
index 0000000..7329b2c
--- /dev/null
+++ b/pages/securityVerification/securityVerification.vue
@@ -0,0 +1,83 @@
+<template>
+  <view class="page">
+    <text>为了保证您的账号安全，须先验证您的身份，</text>
+    <text>验证成功后可以进行下一步操作。</text>
+    <view class="phone">{{ phone }}</view>
+    <view class="verification-code">获取验证码</view>
+    <view class="no-use">该手机号已无法使用？</view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      phone: '+86 158****1232',
+      userInfoSettings: [
+        {
+          label: '头像',
+          value: '', // 实际项目中这里可能是图片URL
+          icon: '灰色圆形图标', // 描述性文字，实际可用图片路径替换
+          type: 'avatar',
+        },
+        {
+          label: '昵称',
+          value: '昵称', // 默认占位文字，实际应为用户昵称
+          type: 'nickname',
+        },
+        {
+          label: '手机号',
+          value: '158****5964', // 脱敏后的手机号
+          type: 'phone',
+        },
+      ],
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-height: 100vh;
+  padding-top: 68rpx;
+  background: #ffffff;
+
+  text {
+    text-align: center;
+    font-weight: 400;
+    font-size: 15px;
+  }
+
+  .phone {
+    margin-top: 38rpx;
+    font-size: 18px;
+    font-weight: 500;
+    color: #3d3d3d;
+  }
+
+  .verification-code {
+    margin-top: 64rpx;
+    text-align: center;
+    line-height: 98rpx;
+    color: #ffffff;
+    font-size: 16px;
+    font-weight: 500;
+    width: 650rpx;
+    height: 98rpx;
+    background: #f15a04;
+    border-radius: 7px;
+  }
+
+  .no-use {
+    margin-top: 64rpx;
+    text-align: center;
+    font-weight: 400;
+    font-size: 15px;
+    color: #f15a04;
+    border-bottom: #f15a04 1px solid;
+  }
+}
+</style>