feat: 完善用户界面，添加绑定与解除绑定的功能

src/views/User/Index.vue

@@ -14,10 +14,9 @@
       </li>
     </ul>
     <div class="divider divider-horizontal h-full"></div>
-    <div class="card bg-base-200 w-300 rounded-2xl p-7">
+    <div class="card bg-base-300 w-300 rounded-2xl p-7">
       <div v-if="activePage === 1">
-        <h2 class="card-title">用户信息</h2>
-        <p>这里是用户信息页面的内容。</p>
+        <UserInfo />
       </div>
       <div v-else-if="activePage === 100">
         <BoardTable />
@@ -31,6 +30,7 @@ import BoardTable from "./BoardTable.vue";
 import { toNumber } from "lodash";
 import { onMounted, ref } from "vue";
 import { AuthManager } from "@/utils/AuthManager";
+import UserInfo from "./UserInfo.vue";
 
 const activePage = ref(1);
 const isAdmin = ref(false);
@@ -40,9 +40,9 @@ function setActivePage(event: Event) {
   activePage.value = toNumber(target.id);
 }
 
-onMounted(async ()=>{
+onMounted(async () => {
   isAdmin.value = await AuthManager.verifyAdminAuth();
-})
+});
 </script>
 
 <style scoped>