From 8ccd0b1746dcec7b193afee2cb859618db7f54ee Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Wed, 19 Jun 2024 00:16:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/about-project/about-project.vue     |  4 +-
 .../personal-center/userinfo/userinfo.vue     | 53 +++++++++++++++++--
 2 files changed, 52 insertions(+), 5 deletions(-)

diff --git a/src/views/about-project/about-project.vue b/src/views/about-project/about-project.vue
index 51f3d92..f6c61ea 100644
--- a/src/views/about-project/about-project.vue
+++ b/src/views/about-project/about-project.vue
@@ -32,8 +32,8 @@ const projectInfo = [
     value: "2024-06-18"
   },
   {
-    label: "Gitt",
-    value: "Gitt"
+    label: "Gitee",
+    value: "Gitee"
   },
   {
     label: "Github",
diff --git a/src/views/personal-center/userinfo/userinfo.vue b/src/views/personal-center/userinfo/userinfo.vue
index 3c7b6cf..34236d2 100644
--- a/src/views/personal-center/userinfo/userinfo.vue
+++ b/src/views/personal-center/userinfo/userinfo.vue
@@ -1,7 +1,54 @@
 <template>
-  <div class="dc-page">用户信息</div>
+  <div class="dc-page">
+    <div class="my_avatar">
+      <a-avatar :size="100">
+        <img alt="avatar" :src="myImage" />
+      </a-avatar>
+      <div class="my_name">
+        <div class="my_title title_1">兔子先森</div>
+        <div class="my_local"><icon-location />浙江杭州</div>
+      </div>
+    </div>
+    <a-grid :cols="{ xs: 1, sm: 2, md: 3, lg: 4, xl: 5, xxl: 6 }" :col-gap="16" :row-gap="16">
+      <a-grid-item>
+        <div class="title_1">👋关于我</div>
+      </a-grid-item>
+      <a-grid-item>
+        <div class="title_1">💬联系我</div>
+      </a-grid-item>
+      <a-grid-item>
+        <div class="title_1">🐾其它</div>
+      </a-grid-item>
+    </a-grid>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import myImage from "@/assets/img/my-image.jpg";
+</script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.my_avatar {
+  display: flex;
+  align-items: center;
+  margin-bottom: calc($margin * 2);
+  .my_name {
+    height: 60px;
+    margin-left: $margin;
+    .my_title {
+      height: 30px;
+    }
+    .my_local {
+      font-size: $font-size-body-3;
+      height: 30px;
+      display: flex;
+      align-items: end;
+    }
+  }
+}
+
+.title_1 {
+  font-size: $font-size-title-1;
+  font-weight: bold;
+}
+</style>