From 3dfea0de3e1484b7344786c61962bd79b0aca73e Mon Sep 17 00:00:00 2001
From: hackrobot <xiaoshuang.eric@gmail.com>
Date: Fri, 13 Sep 2024 21:47:06 +0800
Subject: [PATCH] 'hello;

---
 src/images/cat.jpg         | Bin 0 -> 5821 bytes
 src/images/girl.jpg        | Bin 0 -> 7021 bytes
 src/pages/index/index.jsx  | 226 ++++++++++++++++++++-----------------
 src/pages/index/index.scss |  33 ++++--
 4 files changed, 144 insertions(+), 115 deletions(-)
 create mode 100644 src/images/cat.jpg
 create mode 100644 src/images/girl.jpg

diff --git a/src/images/cat.jpg b/src/images/cat.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1d2f8cfb788fbb4c0d94505b6aa26d5f62ed6ca4
GIT binary patch
literal 5821
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

literal 0
HcmV?d00001

diff --git a/src/images/girl.jpg b/src/images/girl.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..82217e25357926ef590716a411a3dceb5646de13
GIT binary patch
literal 7021
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

literal 0
HcmV?d00001

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;
     }