diff --git a/src/pages/my/index.jsx b/src/pages/my/index.jsx
index 3f922c2..987c6c9 100644
--- a/src/pages/my/index.jsx
+++ b/src/pages/my/index.jsx
@@ -14,7 +14,14 @@ const my = () => {
   return (
     <View className="my">
       <View className="myContent">
-        my
+        <View className="myHeader">
+          {/* 头像 */}
+          <AtAvatar circle image={touxiang}></AtAvatar>
+          <View>
+            <AtTag size="small">昵称</AtTag>
+            <AtTag size="small">女</AtTag>
+          </View>
+        </View>
         {/* 底部tabbar */}
         <View className="tabbbar">
           <AtTabBar
diff --git a/src/pages/my/index.scss b/src/pages/my/index.scss
index d688140..bf00ea6 100644
--- a/src/pages/my/index.scss
+++ b/src/pages/my/index.scss
@@ -1,9 +1,18 @@
-.my{
-   .myContent{
+.my {
+  .myContent {
     padding-left: 20px;
     padding-right: 20px;
-   } 
-   .tabbbarDiv {
+    .myHeader {
+      margin-top: 10px;
+      padding: 10px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background-color: yellow;
+    }
+  }
+  .tabbbarDiv {
     width: 100%;
     height: 140px;
     // background-color: red;
@@ -14,4 +23,4 @@
     bottom: 0px;
     width: 100%;
   }
-}
\ No newline at end of file
+}