eric/gitlab-instance-0a899031_cityh5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'hello;

Browse Source
This commit is contained in:
hackrobot
2024-09-13 21:47:06 +08:00
parent 859b13d886
commit 3dfea0de3e
4 changed files with 144 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/images/cat.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
src/images/girl.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

226
src/pages/index/index.jsx
View File

@@ -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> */}

33
src/pages/index/index.scss
View File

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