feat: 页签tab

src/pages/my/index.tsx

@@ -1,14 +1,27 @@
-import { Cell, Col, Row, Tabbar, TabbarItem } from "@antmjs/vantui";
+import { Card, Cell, 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'
+import { Tab, Tabs } from '@antmjs/vantui'
+
+
 
 const my = (props: any) => {
   //   const [active, setActive] = react.useState(props?.active ?? 0);
 
+
+  const CardCom=()=>{
+    return   <Card
+    num=""
+    price=""
+    desc="活动描述信息"
+    title="活动标题"
+    thumb="https://img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg"
+  />
+  }
   return (
     <View>
       {/* <View className={styles?.myContent}>  */}
@@ -21,8 +34,18 @@ const my = (props: any) => {
         />
       </View>
 
+      <View>
+      <Tabs sticky={true}>
+        <Tab title="待审核">{CardCom()}</Tab>
+        <Tab title="已报名">{CardCom()}</Tab>
+        <Tab title="待参加">{CardCom()}</Tab>
+        <Tab title="已结束">{CardCom()}</Tab>
+      </Tabs>
+    </View>
+
       <View>
       <Cell title="个人资料" isLink />
+      <Cell title="收藏" isLink />
       <Cell title="客服" isLink value="" />
       {/* <Cell title="单元格" isLink value="内容" arrowDirection="down" /> */}
     </View>