feat: 活动详情页

src/app.config.ts

@@ -3,6 +3,7 @@ export default {
     // "pages/index/index",
     "pages/home/index",
     "pages/activityList/index",
+    "pages/activityList/components/details/index",
     "pages/mountainPeak/index",
     "pages/my/index",
 

src/pages/activityList/components/details/index.tsx

@@ -0,0 +1,8 @@
+import { View } from "@tarojs/components";
+import react from "react";
+
+const details=()=>{
+    return <View>details</View>
+}
+
+export default details

src/pages/activityList/index.tsx

@@ -3,6 +3,7 @@ import react from "react";
 import { Card, DropdownMenu } from "@antmjs/vantui";
 import { DropdownItem } from "@antmjs/vantui";
 import TabbarCom from "../components/TabbarCom";
+import Taro from "@tarojs/taro";
 
 const activityList = () => {
   const [state, setState] = react.useState({
@@ -14,7 +15,7 @@ const activityList = () => {
       {
         text: "附近活动",
         value: 1,
-      }
+      },
     ],
     option2: [
       {
@@ -44,22 +45,24 @@ const activityList = () => {
       </View>
       {[1, 2].map((item: any) => {
         return (
-          <Card
-            num=""
-            price=""
-            desc="报名中"
-            title="周末爬山"
-            thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
-            // renderFooter={
-            //     <View>
-            //       <Button size="mini">按钮1</Button>
-            //       <Button size="mini">按钮2</Button>
-            //     </View>
-            //   }
-          />
+          <View
+            onClick={() => {
+              console.log('Card')
+              Taro.navigateTo({
+                url: "/pages/activityList/components/details/index",
+              });
+            }}
+          >
+            <Card
+              num=""
+              price=""
+              desc="报名中"
+              title="周末爬山"
+              thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
+            />
+          </View>
         );
       })}
-      
       <TabbarCom active={1} />;
     </View>
   );

src/pages/home/index.tsx

@@ -31,12 +31,12 @@ const Home = () => {
 
   useEffect(() => {
     Taro.showShareMenu({
-      withShareTicket: true
-    })
+      withShareTicket: true,
+    });
     Taro.updateShareMenu({
       withShareTicket: true,
-      success () { }
-    })
+      success() {},
+    });
     // let objParams = {
     //   tableName: "test",
     //   id: "80516fb66370bcf300b8f43c5f4dd52b",
@@ -139,19 +139,23 @@ const Home = () => {
 
       {[1, 2].map((item: any) => {
         return (
-          <Card
-            num=""
-            price=""
-            desc="报名中"
-            title="周末爬山"
-            thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
-            // renderFooter={
-            //     <View>
-            //       <Button size="mini">按钮1</Button>
-            //       <Button size="mini">按钮2</Button>
-            //     </View>
-            //   }
-          />
+          <View
+            onClick={() => {
+              console.log("Card");
+              Taro.navigateTo({
+                url: "/pages/activityList/components/details/index",
+              });
+            }}
+          >
+            {" "}
+            <Card
+              num=""
+              price=""
+              desc="报名中"
+              title="周末爬山"
+              thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
+            />
+          </View>
         );
       })}