feat: 获取手机号

pages/drawer/MineSetting.vue

@@ -37,12 +37,13 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
+import { getLoginUserPhone } from '@/request/api/LoginApi'
 
 // 假数据
 const userInfo = ref({
   avatar: '/static/default-avatar.png',
   nickname: '微信用户',
-  phone: '182****0628'
+  phone: ''
 })
 
 // 功能菜单列表（带 type 区分操作类型）
@@ -53,11 +54,18 @@ const menuList = ref([
   { label: '联系客服', type: 'action', action: 'contactService' }
 ])
 
-// 生命周期
+// 生命周期钩子
 onMounted(() => {
-  // TODO: 这里调用接口获取用户信息
+  getLoginUserPhoneInfo()
 })
 
+const getLoginUserPhoneInfo = async () => {
+  const res = await getLoginUserPhone()
+  if (res.code === 0) {
+      userInfo.value.phone = res.data
+    }
+}
+
 // 处理菜单点击
 const handleMenuClick = (item) => {
   if (item.type === 'navigate' && item.url) {