feat: 我的-头像

src/pages/my/index.module.scss

@@ -0,0 +1,7 @@
+.myContent{
+    // background-color: yellow;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}

src/pages/my/index.tsx

@@ -1,15 +1,27 @@
-import { Tabbar, TabbarItem } from "@antmjs/vantui";
+import { Col, Row, Tabbar, TabbarItem } from "@antmjs/vantui";
 import { View } from "@tarojs/components";
 import react from "react";
 import TabbarCom from "../components/TabbarCom";
+import { Image } from "@antmjs/vantui";
+// import styles from './index.module.scss'
+import './index.module.scss'
 
 const my = (props: any) => {
-//   const [active, setActive] = react.useState(props?.active ?? 0);
+  //   const [active, setActive] = react.useState(props?.active ?? 0);
 
   return (
     <View>
-        my
-      <TabbarCom active={2} />;
+      {/* <View className={styles?.myContent}>  */}
+      <View className={`myContent`}> 
+        <Image
+          round
+          width="100px"
+          height="100px"
+          src="https://img.yzcdn.cn/vant/cat.jpeg"
+        />
+      </View>
+
+      <TabbarCom active={2} />
     </View>
   );
 };