This commit is contained in:
hackrobot
2024-09-14 12:30:05 +08:00
parent ba9b00b522
commit 7c4d9da605
4 changed files with 142 additions and 145 deletions

BIN
src/images/joinGroup.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

View File

@@ -40,7 +40,6 @@ import bookqr from "../../images/bookqr.jpg";
import loft from "../../images/loft.png"; import loft from "../../images/loft.png";
import AIGC from "../../images/AIGC.png"; import AIGC from "../../images/AIGC.png";
// export default class Index extends Component { // export default class Index extends Component {
const Index = () => { const Index = () => {
const [current, setcurrent] = useState(0); const [current, setcurrent] = useState(0);
@@ -397,7 +396,7 @@ const Index = () => {
"https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3629790245010128902#wechat_redirect"; "https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3629790245010128902#wechat_redirect";
}} }}
/> />
<AtListItem <AtListItem
title="AIGC" title="AIGC"
arrow="right" arrow="right"
// hasBorder={false} // hasBorder={false}
@@ -421,124 +420,6 @@ const Index = () => {
</AtList> </AtList>
</View> </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/ */} {/* 参考资料https://readmake.com/ */}
<View className="index-book"> <View className="index-book">
@@ -640,6 +521,124 @@ const Index = () => {
</View> </View>
</View> </View>
{/* 已付费的用户才展示活动 */}
<View className="index-meetup animate__animated animate__pulse">
<AtCard
// note="提示文字"
// extra="2024/09/18"
extra="已加入:200+"
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"> 技术交流:云手机/机器人/AI </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>
{/* 软件下载 */} {/* 软件下载 */}
<View className="software"> <View className="software">
<View className="emojiTitle"> <View className="emojiTitle">

View File

@@ -11,7 +11,7 @@
// position: relative; // position: relative;
bottom: 20px; bottom: 20px;
position: fixed; position: fixed;
width: 680px; width: 700px;
} }
.model-emoji { .model-emoji {

View File

@@ -25,6 +25,7 @@ import {
} from "taro-ui"; } from "taro-ui";
import qrcode from "../../images/qrcode.png"; import qrcode from "../../images/qrcode.png";
import joinGroup from "../../images/joinGroup.png";
// export default class Index extends Component { // export default class Index extends Component {
const Salon = () => { const Salon = () => {
@@ -105,50 +106,47 @@ const Salon = () => {
</View> </View>
<View className="at-article"> <View className="at-article">
<View className="at-article__h1">自由交流 | 沙龙</View> <View className="at-article__h1">技术交流群</View>
<View className="at-article__info"> <View className="at-article__info">
{/* 2017-05-07&nbsp;&nbsp;&nbsp; */} {/* 2017-05-07&nbsp;&nbsp;&nbsp; */}
异度星球 异度星球
</View> </View>
<View className="at-article__content"> <View className="at-article__content">
<View className="at-article__section"> <View className="at-article__section">
<View className="at-article__h2">活动介绍</View> <View className="at-article__h2">群简介</View>
<View className="at-article__h3">| 📣coffeechat</View> <View className="at-article__h3">| 📣技术爱好者</View>
<View className="at-article__p"> <View className="at-article__p">
本活动是个人基于coffeechat的另一种形式,由于很多小伙伴1V1交流会紧张,提议旁听,所以组织小型的沙龙(6人),自由交流 微信群是一个交流技术的平台,不限软件/硬件
</View> </View>
<br /> <br />
<View className="at-article__h3">| 📋时间地点</View> <View className="at-article__h3">| 📋入群须知</View>
<View className="at-article__p"> <View className="at-article__p">
本沙龙不会与商业场地进行合作 微信群只是一个沟通平台,与其他伙伴搭桥
<br /> <br />
1️⃣地点:龙华区-红山地铁口-民宿 可以讨论但不限于:
<br /> <br />
2️⃣6人成行 1️⃣云手机
<br /> <br />
3️⃣不固定日期 2️⃣机器人
<br />
3️⃣AIGC /边缘计算
</View> </View>
<br /> <br />
<View className="at-article__h3">| ❌非商业,非盈利性质</View> <View className="at-article__h3">| ❌禁止以下行为</View>
<View className="at-article__p"> <View className="at-article__p">
🚫禁止营销推广 🚫营销推广
<br /> <br />
🚫标榜:"留学海归""博士硕士""大咖大V""大厂"等 🚫恶意捣乱
<br /> <br />
声明:"一人公司","自由职业","副业",有很多组织,或者个人,会举办专题的活动,以及"高端XX局",固定周期,流程体系化,并以此盈利.{" "}
<br /> <br />
本沙龙不属于此类 ❗群主没有解答义务,勿随意@
<br /> {/* <br />
✅欢迎普通人,请对"职业/学历/成就"--祛魅 💰价格29元/人 (场地成本) */}
<br />
💰价格29元/人 (场地成本)
</View> </View>
<br /> <br />
{meetup == 1 ? ( {meetup == 1 ? (
<View className="at-article__h3">| ☕已报名,请添加好友</View> <View className="at-article__h3">| ☕入群口令:3399</View>
) : ( ) : null}
null
)}
{meetup == 1 ? ( {meetup == 1 ? (
<View className="at-article__p"> <View className="at-article__p">
{`ID:${window.localStorage.getItem("openid")}`} {`ID:${window.localStorage.getItem("openid")}`}
@@ -160,7 +158,7 @@ const Salon = () => {
<Image <Image
style="width: 240px;height: 240px;background: #fff;" style="width: 240px;height: 240px;background: #fff;"
// src={qrcode} // src={qrcode}
src={nomadvloglife} src={joinGroup}
/> />
</View> </View>
) : null} ) : null}
@@ -186,7 +184,7 @@ const Salon = () => {
} }
}} }}
> >
{meetup == 1 ? "已报名" : `立即报名`} {meetup == 1 ? "入群口令: 3399" : `立即加入`}
</AtButton> </AtButton>
<View className="meetupQR"> <View className="meetupQR">