底部tabbar子组件

src/pages/index/index.jsx

@@ -8,6 +8,7 @@ import guangzhou from "@/images/city/guangzhou.jpg";
 import shanghai from "@/images/city/shanghai.jpg";
 import shenzhen from "@/images/city/shenzhen.jpg";
 import touxiang from "@/images/index/touxiang.jpg";
+import TabbarCom from "@/componments/TabbarCom";
 
 import { useEffect, useState } from "react";
 // import beijing from "../../images/city/beijing.jpg";
@@ -181,7 +182,7 @@ export default function Index() {
         <View className="tabbbarDiv"></View>
       </View>
       {/* 底部tabbar */}
-      <View className="tabbbar">
+      {/* <View className="tabbbar">
         <AtTabBar
           tabList={[
             { title: "首页", iconType: "home" }, //, text: "new"
@@ -197,7 +198,9 @@ export default function Index() {
           }}
           current={0}
         />
-      </View>
+      </View> */}
+
+      <TabbarCom active={0} />
     </View>
   );
 }

src/pages/my/index.jsx

@@ -17,7 +17,7 @@ import guangzhou from "@/images/city/guangzhou.jpg";
 import shanghai from "@/images/city/shanghai.jpg";
 import shenzhen from "@/images/city/shenzhen.jpg";
 import touxiang from "@/images/index/touxiang.jpg";
-
+import TabbarCom from "@/componments/TabbarCom";
 import { useEffect, useState } from "react";
 const my = () => {
   const [open, setopen] = useState(false);
@@ -69,7 +69,7 @@ const my = () => {
       </View>
 
       {/* 底部tabbar */}
-      <View className="tabbbar">
+      {/* <View className="tabbbar">
         <AtTabBar
           tabList={[
             { title: "首页", iconType: "home" }, //, text: "new"
@@ -86,7 +86,8 @@ const my = () => {
           }}
           current={1}
         />
-      </View>
+      </View> */}
+      <TabbarCom active={1} />
     </View>
   );
 };