diff --git a/api/personal-center/index.ts b/api/personal-center/index.ts
index 33653dc..1d5a300 100644
--- a/api/personal-center/index.ts
+++ b/api/personal-center/index.ts
@@ -157,3 +157,10 @@ export const getUserExtend = () => {
 export const cancelSocialBind = (params: { type: number; openid: string }) => {
   return useDollarFetchRequest.del<IResponse<boolean>>('/prod-api/app-api/member/social-user/unbind', { query: params })
 }
+
+/**
+ * 用户注销账号
+ */
+export const userLogout = () => {
+  return useDollarFetchRequest.del<IResponse<boolean>>('/prod-api/app-api/member/user/unregister-user', {})
+}
\ No newline at end of file
diff --git a/pages/personal-Center/index/account-logout.vue b/pages/personal-Center/index/account-logout.vue
index db6a6ea..5f49db2 100644
--- a/pages/personal-Center/index/account-logout.vue
+++ b/pages/personal-Center/index/account-logout.vue
@@ -5,14 +5,25 @@
 </template>
 
 <script setup lang="ts">
+  import useUserStore from '~/stores/user'
+  const userStore = useUserStore()
+  import { userLogout } from '~/api/personal-center/index'
   const handleClick = () => {
     console.log('注销账号')
     ElMessageBox.confirm('确定注销账号吗？', '提示', {
       confirmButtonText: '确定',
       cancelButtonText: '取消',
       type: 'warning',
-    }).then(() => {
+    }).then(async () => {
       console.log('注销账号')
+      const res = await userLogout()
+      if (res.code === 0) {
+        ElMessage.success('注销成功')
+        navigateTo('/')
+        clearNuxtState(['token', 'userInfo'])
+        userStore.logout()
+        userStore.$reset()
+      }
     })
   }
 </script>