feat: 我的-页面header

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

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%;
   }
-}
+}