feat: 活动详情

src/pages/index/index.jsx

@@ -188,7 +188,7 @@ const Index = () => {
                 className="submitBtn"
                 onClick={() => {
                   Taro.navigateTo({
-                    url: "/pages/meetup/Detail/index",
+                    url: "/pages/meetup/Detail/index?id=20231206&openid='",
                   });
                 }}
               >

src/pages/meetup/Detail/index.jsx

@@ -9,12 +9,18 @@ import { AtCard } from "taro-ui";
 import { AtImagePicker } from "taro-ui";
 import Taro from "@tarojs/taro";
 import { AtAvatar } from "taro-ui";
+import { AtButton } from "taro-ui";
+// import Taro from "@tarojs/taro";
 
 import { AtList, AtListItem } from "taro-ui";
 
 // export default class Index extends Component {
 const Detail = () => {
   const [current, setcurrent] = useState(2);
+  const [id, setid] = useState(2);
+  const [openid, setopenid] = useState(2);
+
+
   const handleClick = (value) => {
     console.log("value", value);
     setcurrent(value);
@@ -33,12 +39,37 @@ const Detail = () => {
       });
     }
   };
+
+  useEffect(() => {
+    let $instance =Taro. getCurrentInstance()
+    // console.log("11");
+    console.log($instance.router.params)
+  }, []);
   return (
-    <View className="my">
+    <View className="Detail">
       {/* <Text>Hello world!</Text> */}
       {/* <AtAvatar image='https://cdn.huodongxing.com/logo/202312/8732019012100/promoteMini.png'></AtAvatar> */}
-
+      <View>
+        <Image
+          style="width:100%;height: 200px;background: #fff;"
+          src={
+            "https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
+          }
+        />
+      </View>
       <AtList>
+        <AtListItem title="[副业交流] 沙龙茶话会" onClick={() => {}} />
+        <AtListItem title="日期" extraText="2023/12/06" arrow="" />
+        <AtListItem title="报名人数" extraText="4/10" arrow="" />
+        <AtListItem
+          title="地点"
+          note="广东省深圳市福田区石厦地铁站C口"
+          extraText=""
+        />
+        {/* <AtListItem title='禁用状态' disabled extraText='详细信息' /> */}
+      </AtList>
+
+      {/* <AtList>
         <AtListItem
           title="联系我们"
           note=""
@@ -52,7 +83,13 @@ const Detail = () => {
           arrow="right"
           iconInfo={{ size: 25, color: "#FF4949", value: "bookmark" }}
         />
-      </AtList>
+      </AtList> */}
+
+      <View>
+        <AtButton className="bottomBtn" type="primary">
+          立即报名
+        </AtButton>
+      </View>
 
       {/* <View className="indexTablebar">
         <AtTabBar

src/pages/meetup/Detail/index.scss

@@ -0,0 +1,11 @@
+.Detail{
+
+
+
+    .bottomBtn{
+        display: flex;
+        position: fixed;
+        bottom: 0px;
+        width: 100%;
+    }
+}

src/pages/meetup/index.jsx

@@ -87,7 +87,7 @@ const Meetup = () => {
         </View>
       </View> */}
 
-      <AtCard
+<AtCard
         note=""
         extra=""
         title="[副业交流] 沙龙茶话会"
@@ -105,10 +105,21 @@ const Meetup = () => {
             />
           </View>
           <View className="right">
-            <View className="up">[副业交流] 沙龙茶话会</View>
+            <View className="up">
+              <span style={{ color: "green" }}>[已报名]</span> 4/10
+            </View>
             <View className="middle">2023/12/06 星期三</View>
             <View className="down">
-              <AtButton type="primary" size="small" className="submitBtn">
+              <AtButton
+                type="primary"
+                size="small"
+                className="submitBtn"
+                onClick={() => {
+                  Taro.navigateTo({
+                    url: "/pages/meetup/Detail/index",
+                  });
+                }}
+              >
                 立即报名
               </AtButton>
             </View>