diff --git a/src/pages.json b/src/pages.json
index ea0be42c81e757235d39d8c364627e85bb1d58fd..12ef77fa5f84822f0beb0a078b878e22c908e09e 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -53,6 +53,12 @@
         "text": "我的",
         "icon": "i-ic-baseline-person",
         "iconType": "unocss"
+      },
+      {
+        "pagePath": "pages/person-center/index",
+        "text": "我的信息",
+        "icon": "i-ic-baseline-person",
+        "iconType": "unocss"
       }
     ]
   },
@@ -135,6 +141,14 @@
         "navigationBarTitleText": "用户信息"
       }
     },
+    {
+      "path": "pages/person-center/index",
+      "type": "page",
+      "layout": "tabbar",
+      "style": {
+        "navigationBarTitleText": "我的信息"
+      }
+    },
     {
       "path": "pages/role/index",
       "type": "page"
diff --git a/src/pages/person-center/index.vue b/src/pages/person-center/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..aafd993a9175a408cd9da484f669c57db352d6eb
--- /dev/null
+++ b/src/pages/person-center/index.vue
@@ -0,0 +1,296 @@
+<route lang="json5" type="page">
+{
+  layout: 'tabbar',
+  style: {
+    navigationBarTitleText: '我的信息'
+  }
+}
+</route>
+
+<template>
+  <view class="main">
+    <view class="head-card customer-card">
+      <wd-row :gutter="10" style="display: block; height: 50px">
+        <wd-col :span="4" style="position: relative; height: 80px">
+          <div style="display: block">
+            <wd-img class="avatar" src="/static/images/jdavatar.jpg"> </wd-img>
+          </div>
+          <div style="display: block"></div>
+        </wd-col>
+        <wd-col :span="12">
+          <div class="user-name">王文斌（芋艿）</div>
+        </wd-col>
+        <wd-col :span="8">
+          <button class="icon-btn">
+            <img src="/static/icons/edit.png" alt="编辑" class="icon" />
+            编辑资料
+          </button>
+        </wd-col>
+      </wd-row>
+    </view>
+
+    <view class="customer-card">
+      <wd-row :gutter="0" style="display: block; height: 32px">
+        <wd-col class="card-line" :span="3">
+          <img src="/static/icons/member.png" alt="" class="card-icon" />
+        </wd-col>
+        <wd-col
+          class="card-line"
+          :span="14"
+          style="font-weight: bold; white-space: nowrap"
+        >
+          会员
+        </wd-col>
+        <wd-col
+          class="card-line card-line-end"
+          :span="7"
+          style="color: darkgrey; white-space: nowrap"
+        >
+          未开通 >
+        </wd-col>
+      </wd-row>
+    </view>
+
+    <view class="customer-card">
+      <wd-row :gutter="0" style="display: block; height: 32px">
+        <wd-col class="card-line" :span="3">
+          <img src="/static/icons/gift.png" alt="" class="card-icon" />
+        </wd-col>
+        <wd-col
+          class="card-line"
+          :span="14"
+          style="font-weight: bold; white-space: nowrap"
+        >
+          权益
+        </wd-col>
+        <wd-col
+          class="card-line card-line-end"
+          :span="7"
+          style="color: darkgrey; white-space: nowrap"
+        >
+          2积分待领取 >
+        </wd-col>
+      </wd-row>
+    </view>
+
+    <view class="customer-card">
+      <wd-row :gutter="0" style="display: block; height: 32px">
+        <wd-col class="card-line" :span="3">
+          <img src="/static/icons/gift.png" alt="" class="card-icon" />
+        </wd-col>
+        <wd-col
+          class="card-line"
+          :span="14"
+          style="font-weight: bold; white-space: nowrap"
+        >
+          我的动态
+        </wd-col>
+        <wd-col
+          class="card-line card-line-end"
+          :span="7"
+          style="color: darkgrey; white-space: nowrap"
+        >
+          >
+        </wd-col>
+      </wd-row>
+      <div class="title-flex"></div>
+      <wd-row :gutter="0" style="display: block; height: 32px">
+        <wd-col class="card-line" :span="3">
+          <img src="/static/icons/gift.png" alt="" class="card-icon" />
+        </wd-col>
+        <wd-col
+          class="card-line"
+          :span="14"
+          style="font-weight: bold; white-space: nowrap"
+        >
+          钱包(支付宝)
+        </wd-col>
+        <wd-col
+          class="card-line card-line-end"
+          :span="7"
+          style="color: darkgrey; white-space: nowrap"
+        >
+          >
+        </wd-col>
+      </wd-row>
+      <div class="title-flex"></div>
+      <wd-row :gutter="0" style="display: block; height: 32px">
+        <wd-col class="card-line" :span="3">
+          <img src="/static/icons/gift.png" alt="" class="card-icon" />
+        </wd-col>
+        <wd-col
+          class="card-line"
+          :span="14"
+          style="font-weight: bold; white-space: nowrap"
+        >
+          收藏
+        </wd-col>
+        <wd-col
+          class="card-line card-line-end"
+          :span="7"
+          style="color: darkgrey; white-space: nowrap"
+        >
+          >
+        </wd-col>
+      </wd-row>
+    </view>
+
+    <view class="customer-card">
+      <wd-row :gutter="0" style="display: block; height: 32px">
+        <wd-col class="card-line" :span="3">
+          <img src="/static/icons/gift.png" alt="" class="card-icon" />
+        </wd-col>
+        <wd-col
+          class="card-line"
+          :span="14"
+          style="font-weight: bold; white-space: nowrap"
+        >
+          发现
+        </wd-col>
+        <wd-col
+          class="card-line card-line-end"
+          :span="7"
+          style="color: darkgrey; white-space: nowrap"
+        >
+          >
+        </wd-col>
+      </wd-row>
+      <div class="title-flex"></div>
+      <wd-row :gutter="0" style="display: block; height: 32px">
+        <wd-col class="card-line" :span="3">
+          <img src="/static/icons/gift.png" alt="" class="card-icon" />
+        </wd-col>
+        <wd-col
+          class="card-line"
+          :span="14"
+          style="font-weight: bold; white-space: nowrap"
+        >
+          广场
+        </wd-col>
+        <wd-col
+          class="card-line card-line-end"
+          :span="7"
+          style="color: darkgrey; white-space: nowrap"
+        >
+          >
+        </wd-col>
+      </wd-row>
+      <div class="title-flex"></div>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts"></script>
+<style scoped lang="scss">
+  .title-flex {
+    display: flex;
+    align-items: center;
+    font-size: 0.4rem;
+    color: ghostwhite;
+  }
+
+  .title-flex::before,
+  .title-flex::after {
+    flex: 1;
+    height: 1px;
+    margin: 4px 0px;
+    content: '';
+    background: ghostwhite;
+  }
+
+  .icon-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 8px;
+    font-size: 12px;
+    color: #6c757d;
+    text-align: center;
+    cursor: pointer;
+    background-color: #ffffff;
+    border: 1px ghostwhite;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+  }
+
+  .icon-btn.button-hover {
+    background-color: ghostwhite;
+  }
+
+  .icon-btn .icon {
+    width: 16px;
+    height: 16px;
+    margin-right: 6px;
+  }
+
+  .icon-btn:focus {
+    outline: none;
+  }
+
+  .card-icon {
+    width: 24px;
+    height: 24px;
+    padding: 0px;
+    //display: block;
+    //margin-right: 6px;
+  }
+
+  .card-line {
+    display: flex;
+    align-items: center;
+    float: left;
+    //justify-content: center;
+    height: 100%;
+    font-size: var(--wot-card-fs, var(--wot-fs-content, 14px));
+  }
+
+  .card-line-end {
+    justify-content: end;
+    //text-align: end;
+  }
+
+  .main {
+    background-color: #f2f1f5;
+
+    .customer-card {
+      padding: var(--wot-card-padding, 0 var(--wot-size-side-padding, 15px));
+      //margin-top:50px;
+      //padding: 10px 0px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+      margin: var(--wot-card-margin, 0 var(--wot-size-side-padding, 15px));
+      margin-bottom: 12px;
+      font-size: var(--wot-card-fs, var(--wot-fs-content, 14px));
+      line-height: var(--wot-card-line-height, 1.1);
+      background-color: var(--wot-card-bg, var(--wot-color-white, white));
+      border-radius: var(--wot-card-radius, 8px);
+      box-shadow: var(
+        --wot-card-shadow-color,
+        0px 4px 8px 0px rgba(0, 0, 0, 0.02)
+      );
+    }
+
+    .head-card {
+      margin-top: 50px;
+
+      .avatar {
+        position: absolute;
+        top: -20px;
+        left: 0px;
+        width: 50px; /* 或者使用具体的像素值 */
+        height: 50px; /* 设置固定高度 */
+        overflow: hidden;
+        border-radius: 10px;
+      }
+
+      .user-name {
+        align-content: center;
+        justify-content: center;
+        height: 100%;
+        font-size: 16px;
+        font-weight: bold;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/static/icons/edit.png b/src/static/icons/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..45e44615385eec82e923485eec32fa26c9fc667e
Binary files /dev/null and b/src/static/icons/edit.png differ
diff --git a/src/static/icons/gift.png b/src/static/icons/gift.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7bc14da6ab3efb50c6a1a7ad0f3cbb0bfde09d3
Binary files /dev/null and b/src/static/icons/gift.png differ
diff --git a/src/static/icons/member.png b/src/static/icons/member.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a9e8696cd9c7aa7f8e983a4389acd49eaac474a
Binary files /dev/null and b/src/static/icons/member.png differ
diff --git a/src/static/images/jdavatar.jpg b/src/static/images/jdavatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..82547721dc2675ba774bba993b28407bc6c1f16b
Binary files /dev/null and b/src/static/images/jdavatar.jpg differ