refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

pages/mine/set/securityCenter/securityCenter.vue

@@ -2,56 +2,44 @@
   <view class="securityCenter">
     <u-cell-group>
       <u-cell title="修改密码" @click="navigateTo('/pages/mine/set/securityCenter/updatePwdTab')"></u-cell>
-      <u-cell title="注销账户" @click="zhuxiao"></u-cell>
+      <u-cell title="注销账户" @click="confirmAccountDeletion"></u-cell>
     </u-cell-group>
   </view>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      mobile: "", //存储手机号
-    };
-  },
+<script setup lang="ts">
+function navigateTo(url: string) {
+  uni.navigateTo({ url })
+}
 
-  methods: {
-    zhuxiao(){
-
-      uni.showModal({
-        title: "警告",
-        content: "您确定要注销当前账号吗？",
-        confirmText: "确定注销",
-        confirmColor: "#FF0000",
-        cancelText: "取消",
-        success: (res) => {
-          if (res.confirm) {
-            uni.showModal({
-              title: "谨慎操作",
-              content: "再次向您确认，您确定要注销当前账号吗？",
-              confirmText: "坚持注销",
-              confirmColor: "#FF0000",
-              cancelText: "取消",
-              success: (res) => {
-                if (res.confirm) {
-                  uni.showToast({
-                    title: "您的注销申请已经提交，待管理员审核后。会自动注销当前账号",
-                    duration: 10000,
-                  });
-                }
-              },
-            });
-          }
-        },
-      });
+function confirmAccountDeletion() {
+  uni.showModal({
+    title: '警告',
+    content: '您确定要注销当前账号吗？',
+    confirmText: '确定注销',
+    confirmColor: '#FF0000',
+    cancelText: '取消',
+    success: (res) => {
+      if (res.confirm) {
+        uni.showModal({
+          title: '谨慎操作',
+          content: '再次向您确认，您确定要注销当前账号吗？',
+          confirmText: '坚持注销',
+          confirmColor: '#FF0000',
+          cancelText: '取消',
+          success: (confirmRes) => {
+            if (confirmRes.confirm) {
+              uni.showToast({
+                title: '您的注销申请已经提交，待管理员审核后。会自动注销当前账号',
+                duration: 10000,
+              })
+            }
+          },
+        })
+      }
     },
-    navigateTo(url) {
-      uni.navigateTo({
-        url: url,
-      });
-    },
-  },
-};
+  })
+}
 </script>
 
 <style lang="scss" scoped>