'dd'
This commit is contained in:
hackrobot
177
src/pages/meetup/Detail/index.jsx
Normal file
177
src/pages/meetup/Detail/index.jsx
Normal file
@@ -0,0 +1,177 @@
|
||||
import { Component } from "react";
|
||||
import { View, Text, Image } from "@tarojs/components";
|
||||
import "./index.scss";
|
||||
import { AtTabBar } from "taro-ui";
|
||||
import React, { useCallback, useEffect, useState } from "react";
|
||||
import { AtGrid } from "taro-ui";
|
||||
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||
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(null);
|
||||
const [openid, setopenid] = useState(null);
|
||||
const [joinMeetup, setjoinMeetup] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
let newparams = Taro.getCurrentInstance().router.params;
|
||||
let newId = newparams.id;
|
||||
if (newId) {
|
||||
setid(newId);
|
||||
}
|
||||
let newjoinMeetup=window.localStorage.getItem('joinMeetup')
|
||||
setjoinMeetup(newjoinMeetup)
|
||||
}, []);
|
||||
|
||||
// const handleClick = (value) => {
|
||||
// console.log("value", value);
|
||||
// setcurrent(value);
|
||||
// if (value == 2) {
|
||||
// // 跳转到目的页面，在当前页面打开
|
||||
// Taro.navigateTo({
|
||||
// url: "/pages/my/index",
|
||||
// });
|
||||
// } else if (value == 0) {
|
||||
// Taro.navigateTo({
|
||||
// url: "/pages/index/index",
|
||||
// });
|
||||
// } else {
|
||||
// Taro.navigateTo({
|
||||
// url: "/pages/meetup/index",
|
||||
// });
|
||||
// }
|
||||
// };
|
||||
|
||||
const onBridgeReady = () => {
|
||||
WeixinJSBridge.call("hideOptionMenu");
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
let $instance = Taro.getCurrentInstance();
|
||||
// console.log("11");
|
||||
console.log($instance.router.params);
|
||||
// if (typeof WeixinJSBridge == "undefined") {
|
||||
// if (document.addEventListener) {
|
||||
// document.addEventListener("WeixinJSBridgeReady", onBridgeReady, false);
|
||||
// } else if (document.attachEvent) {
|
||||
// document.attachEvent("WeixinJSBridgeReady", onBridgeReady);
|
||||
// document.attachEvent("onWeixinJSBridgeReady", onBridgeReady);
|
||||
// }
|
||||
// }
|
||||
}, []);
|
||||
|
||||
const joinmeet = () => {
|
||||
// console.log("111");
|
||||
Taro.request({
|
||||
method:'POST',
|
||||
url: `${process.env.TARO_API_API}/payh5`, //仅为示例，并非真实的接口地址
|
||||
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||
|
||||
data: {
|
||||
callback_url:window.location.href,
|
||||
openid:window.localStorage.getItem('openid')
|
||||
},
|
||||
header: {
|
||||
"content-type": "application/json", // 默认值
|
||||
},
|
||||
success: function (res) {
|
||||
console.log(res.data);
|
||||
// window.alert(res.data.jsapi);
|
||||
WeixinJSBridge.invoke(
|
||||
"getBrandWCPayRequest",
|
||||
{
|
||||
// 以下6个支付参数通过payjs的jsapi接口获取
|
||||
// appId: "wxc5205a653b0259bf",
|
||||
// timeStamp: "1701401644",
|
||||
// nonceStr: "KhOYB0wFV6j9qyQK",
|
||||
// package: "prepay_id=wx01113404850024729b35f4d69b73500000",
|
||||
// signType: "MD5",
|
||||
// paySign: "2A823C8D47CCF871C6C65A56DC228CF8",
|
||||
...res?.data?.jsapi??{},
|
||||
},
|
||||
function (res) {
|
||||
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||
setjoinMeetup(true)
|
||||
window.localStorage.setItem('joinMeetup',true)
|
||||
WeixinJSBridge.call("closeWindow");
|
||||
}
|
||||
}
|
||||
);
|
||||
},
|
||||
});
|
||||
};
|
||||
return (
|
||||
<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=""
|
||||
arrow="right"
|
||||
iconInfo={{ size: 25, color: "#78A4FA", value: "calendar" }}
|
||||
/>
|
||||
<AtListItem
|
||||
title="版本日志"
|
||||
note=""
|
||||
extraText=""
|
||||
arrow="right"
|
||||
iconInfo={{ size: 25, color: "#FF4949", value: "bookmark" }}
|
||||
/>
|
||||
</AtList> */}
|
||||
|
||||
<View>
|
||||
<AtButton
|
||||
className="bottomBtn"
|
||||
type="primary"
|
||||
onClick={() => joinmeet()}
|
||||
disabled={joinMeetup}
|
||||
>
|
||||
{!!joinMeetup?'已报名':'立即报名'}
|
||||
</AtButton>
|
||||
</View>
|
||||
|
||||
{/* <View className="indexTablebar">
|
||||
<AtTabBar
|
||||
tabList={[
|
||||
{ title: "首页", text: "" },
|
||||
{ title: "活动" },
|
||||
{ title: "我的" },
|
||||
]}
|
||||
onClick={(value) => handleClick(value)}
|
||||
current={current}
|
||||
/>
|
||||
</View> */}
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
export default Detail;
|
||||
11
src/pages/meetup/Detail/index.scss
Normal file
11
src/pages/meetup/Detail/index.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
.Detail{
|
||||
|
||||
|
||||
|
||||
.bottomBtn{
|
||||
display: flex;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
155
src/pages/meetup/index.jsx
Normal file
155
src/pages/meetup/index.jsx
Normal file
@@ -0,0 +1,155 @@
|
||||
import { Component } from "react";
|
||||
import { View, Text, Image } from "@tarojs/components";
|
||||
import "./index.scss";
|
||||
import { AtTabBar } from "taro-ui";
|
||||
import React, { useCallback, useEffect, useState } from "react";
|
||||
import { AtGrid } from "taro-ui";
|
||||
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||
import { AtCard } from "taro-ui";
|
||||
import { AtImagePicker } from "taro-ui";
|
||||
import Taro from "@tarojs/taro";
|
||||
import { AtButton } from "taro-ui";
|
||||
|
||||
import { Picker } from "@tarojs/components";
|
||||
import { AtList, AtListItem } from "taro-ui";
|
||||
import { AtNavBar } from "taro-ui";
|
||||
|
||||
// export default class Index extends Component {
|
||||
const Meetup = () => {
|
||||
const [current, setcurrent] = useState(1);
|
||||
const [joinMeetup, setjoinMeetup] = useState(false);
|
||||
|
||||
const [pickData, setpickData] = useState({
|
||||
selector: ["美国", "中国", "巴西", "日本"],
|
||||
selectorChecked: "美国",
|
||||
timeSel: "12:01",
|
||||
dateSel: "2018-04-22",
|
||||
});
|
||||
const handleClick = (value) => {
|
||||
console.log("value", value);
|
||||
setcurrent(value);
|
||||
if (value == 2) {
|
||||
// 跳转到目的页面，在当前页面打开
|
||||
Taro.navigateTo({
|
||||
url: "/pages/my/index",
|
||||
});
|
||||
} else if (value == 0) {
|
||||
Taro.navigateTo({
|
||||
url: "/pages/index/index",
|
||||
});
|
||||
} else {
|
||||
Taro.navigateTo({
|
||||
url: "/pages/meetup/index",
|
||||
});
|
||||
}
|
||||
};
|
||||
const goBack = () => {
|
||||
// window.history.back();
|
||||
Taro.navigateBack({
|
||||
// delta: 2
|
||||
});
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
let newjoinMeetup = window.localStorage.getItem("joinMeetup");
|
||||
setjoinMeetup(newjoinMeetup);
|
||||
|
||||
// window.localStorage.removeItem("joinMeetup");
|
||||
// setjoinMeetup(false)
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<View className="my">
|
||||
{/* <AtNavBar
|
||||
// onClickRgIconSt={handleClick}
|
||||
// onClickRgIconNd={handleClick}
|
||||
// onClickLeftIcon={goBack}
|
||||
// leftIconType="chevron-left"
|
||||
color="#000"
|
||||
title="活动列表"
|
||||
// leftText='返回'
|
||||
// rightFirstIconType='bullet-list'
|
||||
// rightSecondIconType='user'
|
||||
/> */}
|
||||
{/* <Text>Hello world!</Text> */}
|
||||
|
||||
{/* <View className="page-section">
|
||||
<View>
|
||||
<Picker mode="selector" range={pickData.selector} onChange={() => {}}>
|
||||
<AtList>
|
||||
<AtListItem
|
||||
title="国家地区"
|
||||
extraText={pickData.selectorChecked}
|
||||
/>
|
||||
</AtList>
|
||||
</Picker>
|
||||
</View>
|
||||
<View>
|
||||
<Picker mode="selector" range={pickData.selector} onChange={() => {}}>
|
||||
<AtList>
|
||||
<AtListItem
|
||||
title="国家地区"
|
||||
extraText={pickData.selectorChecked}
|
||||
/>
|
||||
</AtList>
|
||||
</Picker>
|
||||
</View>
|
||||
</View> */}
|
||||
|
||||
<AtCard
|
||||
note=""
|
||||
extra=""
|
||||
title="[副业交流] 沙龙茶话会"
|
||||
thumb="http://www.logoquan.com/upload/list/20180421/logoquan15259400209.PNG"
|
||||
>
|
||||
<View className="meetupCard">
|
||||
{" "}
|
||||
<View className="left">
|
||||
{" "}
|
||||
<Image
|
||||
style="width: 150px;height: 100px;background: #fff;"
|
||||
src={
|
||||
"https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
|
||||
}
|
||||
/>
|
||||
</View>
|
||||
<View className="right">
|
||||
<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"
|
||||
disabled={joinMeetup}
|
||||
onClick={() => {
|
||||
Taro.navigateTo({
|
||||
url: "/pages/meetup/Detail/index",
|
||||
});
|
||||
}}
|
||||
>
|
||||
{!!joinMeetup ? "已报名" : "立即报名"}
|
||||
</AtButton>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</AtCard>
|
||||
|
||||
<View className="indexTablebar">
|
||||
<AtTabBar
|
||||
tabList={[
|
||||
{ title: "首页", text: "" },
|
||||
{ title: "活动" },
|
||||
{ title: "我的" },
|
||||
]}
|
||||
onClick={(value) => handleClick(value)}
|
||||
current={current}
|
||||
/>
|
||||
</View>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
export default Meetup;
|
||||
42
src/pages/meetup/index.scss
Normal file
42
src/pages/meetup/index.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
.my{
|
||||
margin-top: 20px;
|
||||
|
||||
.page-section{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.meetupCard {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
.right {
|
||||
// background-color: yellow;
|
||||
width: 100%;
|
||||
margin-left: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.down {
|
||||
width: 200px;
|
||||
// background-color: aqua;
|
||||
position: relative;
|
||||
bottom: 10px;
|
||||
right: -120px;
|
||||
// display: flex;
|
||||
// flex-direction: column-reverse;
|
||||
// justify-content:flex-end
|
||||
// position: relative;
|
||||
.submitBtn {
|
||||
// width: 200px;
|
||||
// position: absolute;
|
||||
// right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.indexTablebar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user