diff --git a/src/images/cat.jpg b/src/images/cat.jpg
new file mode 100644
index 0000000..1d2f8cf
Binary files /dev/null and b/src/images/cat.jpg differ
diff --git a/src/images/girl.jpg b/src/images/girl.jpg
new file mode 100644
index 0000000..82217e2
Binary files /dev/null and b/src/images/girl.jpg differ
diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index f97357c..26b383c 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -25,6 +25,9 @@ import { AtIcon } from "taro-ui";
 import { VIEW } from "@tarojs/runtime";
 import "animate.css";
 import touxiang from "../../images/touxiang.png";
+import cat from "../../images/cat.jpg";
+import girl from "../../images/girl.jpg";
+
 import emoji from "../../images/emoji.png";
 import phone from "../../images/phone.png";
 import robot from "../../images/robot.png";
@@ -405,6 +408,124 @@ const Index = () => {
         </AtList>
       </View>
 
+      {/* 已付费的用户才展示活动 */}
+      <View className="index-meetup animate__animated animate__pulse">
+        <AtCard
+          // note="提示文字"
+          // extra="2024/09/18"
+          extra="已报名:3人"
+          title="线下沙龙"
+          thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
+        >
+          <View className="meetup-card">
+            {/* 左边 */}
+            <View className="meetup-left">
+              <Image
+                style="width: 100%;height: 100px;background: #fff;"
+                // src={meetup}
+                src={loft}
+              />
+            </View>
+
+            {/* 右边 */}
+            <View className="meetup-right">
+              <View className="title"> 自由交流&副业 | 沙龙(6人) </View>
+              <View className="address">
+                <AtIcon value="map-pin" size="30" color="#F00"></AtIcon>
+                <span>深圳市龙华区</span>
+              </View>
+              <View className="meetBtn">
+                {/* <View>
+                  <AtIcon value="clock" size="30" color="#F00"></AtIcon>
+                  19:00--21:00
+                </View> */}
+                <View className="meetupSrcItem">
+                  {[touxiang, girl, cat].map((item, index) => {
+                    return (
+                      <View className="meetupSrc">
+                        <Image
+                          style="width: 20px;height: 20px;background: #fff;"
+                          src={item}
+                        />
+                      </View>
+                    );
+                  })}
+                </View>
+                <View
+                  className="join"
+                  style={{
+                    backgroundColor: !!userInfo?.activity_status
+                      ? "#1890ff"
+                      : // : null,
+                        "#1890ff",
+                    //
+                  }}
+                  onClick={() => {
+                    Taro.navigateTo({
+                      url: "/pages/salon/index",
+                    });
+                    return false;
+                    if (userInfo?.activity_status == "1") {
+                      // 已预约
+                      Taro.atMessage({
+                        message: "已预约成功",
+                        type: "warning",
+                      });
+                    } else if (userInfo?.activity_status == "2") {
+                      // 已预约
+                      Taro.atMessage({
+                        message: "审核中",
+                        type: "warning",
+                      });
+                    } else {
+                      if (!!wxid) {
+                        // 发起预约
+                        const userUpdateData = {
+                          activity_status: "2", // 审核中
+                        };
+                        Taro.request({
+                          method: "PUT",
+                          // url: `/api/user/${urlwxid}`, //仅为示例，并非真实的接口地址
+                          url: `/api/user/${wxid}`, //仅为示例，并非真实的接口地址
+                          data: userUpdateData,
+                          header: {
+                            "Content-Type": "application/json",
+                          },
+                          success: function (res) {
+                            // 预约成功
+                            // Taro.atMessage({
+                            //   message: "预约成功",
+                            //   type: "success",
+                            // });
+                            if (res.data.code == "200") {
+                              setmeetupToast(true);
+                            }
+                          },
+                          fail: function (err) {},
+                          complete: function (finy) {
+                            window.location.reload();
+                          },
+                        });
+                      } else {
+                        setmeetupQR(true);
+                      }
+                    }
+                  }}
+                >
+                  {/* {userInfo?.activity_status == "2"
+                    ? "审核中"
+                    : userInfo?.activity_status == "1"
+                    ? "已报名"
+                    : // : "立即报名"}
+                      "已满"} */}
+                  {`查看`}
+                </View>
+              </View>
+            </View>
+          </View>
+        </AtCard>
+      </View>
+
       {/* 在线图书 */}
       {/* 参考资料https://readmake.com/ */}
       <View className="index-book">
@@ -534,111 +655,6 @@ const Index = () => {
         </View> */}
       </View>
 
-      {/* 已付费的用户才展示活动 */}
-      <View className="index-meetup animate__animated animate__pulse">
-        <AtCard
-          // note="提示文字"
-          extra="2024/09/18"
-          title="线下活动"
-          thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
-        >
-          <View className="meetup-card">
-            {/* 左边 */}
-            <View className="meetup-left">
-              <Image
-                style="width: 100%;height: 100px;background: #fff;"
-                // src={meetup}
-                src={loft}
-              />
-            </View>
-
-            {/* 右边 */}
-            <View className="meetup-right">
-              <View className="title">自由交流 | 沙龙 (6-8人)</View>
-              <View className="address">
-                <AtIcon value="map-pin" size="30" color="#F00"></AtIcon>
-                <span>深圳市龙华区</span>
-              </View>
-              <View className="meetBtn">
-                <View>
-                  <AtIcon value="clock" size="30" color="#F00"></AtIcon>
-                  19:00--21:00
-                </View>
-                <View
-                  className="join"
-                  style={{
-                    backgroundColor: !!userInfo?.activity_status
-                      ? "#1890ff"
-                      : // : null,
-                        "#1890ff",
-                    //
-                  }}
-                  onClick={() => {
-                    Taro.navigateTo({
-                      url: "/pages/salon/index",
-                    });
-                    return false;
-                    if (userInfo?.activity_status == "1") {
-                      // 已预约
-                      Taro.atMessage({
-                        message: "已预约成功",
-                        type: "warning",
-                      });
-                    } else if (userInfo?.activity_status == "2") {
-                      // 已预约
-                      Taro.atMessage({
-                        message: "审核中",
-                        type: "warning",
-                      });
-                    } else {
-                      if (!!wxid) {
-                        // 发起预约
-                        const userUpdateData = {
-                          activity_status: "2", // 审核中
-                        };
-                        Taro.request({
-                          method: "PUT",
-                          // url: `/api/user/${urlwxid}`, //仅为示例，并非真实的接口地址
-                          url: `/api/user/${wxid}`, //仅为示例，并非真实的接口地址
-                          data: userUpdateData,
-                          header: {
-                            "Content-Type": "application/json",
-                          },
-                          success: function (res) {
-                            // 预约成功
-                            // Taro.atMessage({
-                            //   message: "预约成功",
-                            //   type: "success",
-                            // });
-                            if (res.data.code == "200") {
-                              setmeetupToast(true);
-                            }
-                          },
-                          fail: function (err) {},
-                          complete: function (finy) {
-                            window.location.reload();
-                          },
-                        });
-                      } else {
-                        setmeetupQR(true);
-                      }
-                    }
-                  }}
-                >
-                  {/* {userInfo?.activity_status == "2"
-                    ? "审核中"
-                    : userInfo?.activity_status == "1"
-                    ? "已报名"
-                    : // : "立即报名"}
-                      "已满"} */}
-                  {`查看`}
-                </View>
-              </View>
-            </View>
-          </View>
-        </AtCard>
-      </View>
-
       {/* 付费入群 */}
       {/* <View>付费入群</View> */}
 
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
index fd795a1..18047bd 100644
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -52,7 +52,7 @@
       // background-color: #1bb14e;
     }
 
-    .book-middle{
+    .book-middle {
       width: 20px;
       height: 100%;
     }
@@ -74,20 +74,18 @@
         align-items: center;
         // justify-content: space-between;
         // background-color: red;
-        .bookNmae{
+        .bookNmae {
           margin-left: 10px;
-
         }
       }
-      .subtitle{
+      .subtitle {
         font-size: 20px;
         color: red;
       }
-      .bookText{
+      .bookText {
         font-size: 20px;
-
       }
-      .bookPrice{
+      .bookPrice {
         font-size: 30px;
         display: flex;
         flex-direction: row-reverse;
@@ -106,7 +104,6 @@
           right: 10px;
         }
       }
-
     }
   }
 
@@ -168,6 +165,22 @@
           align-items: center;
           justify-content: space-between;
 
+          .meetupSrcItem{
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            // background-color: red;
+
+            .meetupSrc {
+              // width: 20px;
+              // height:20px;
+              border-radius: 15%;
+              // background-color: yellow;
+              margin-left: 10px;
+            }
+          }
+      
           .join {
             width: 100px;
             display: flex;
@@ -186,13 +199,13 @@
     }
   }
 
-  .contack{
+  .contack {
     margin-top: 60px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    .wechatNum{
+    .wechatNum {
       font-size: 34px;
       color: #1bb14e;
     }