159 lines
4.6 KiB
JavaScript
159 lines
4.6 KiB
JavaScript
import { Component } from "react";
|
|
import Taro from "@tarojs/taro";
|
|
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 { AtButton } from "taro-ui";
|
|
import { AtSearchBar } from 'taro-ui'
|
|
|
|
// export default class Index extends Component {
|
|
const Index = () => {
|
|
const [current, setcurrent] = useState(0);
|
|
const handleClick = (value) => {
|
|
console.log("value", value);
|
|
setcurrent(value);
|
|
if (value == 2) {
|
|
// 跳转到目的页面，在当前页面打开
|
|
Taro.redirectTo({
|
|
url: "/pages/my/index",
|
|
});
|
|
} else if (value == 0) {
|
|
Taro.redirectTo({
|
|
url: "/pages/index/index",
|
|
});
|
|
} else {
|
|
Taro.redirectTo({
|
|
url: "/pages/meetup/index",
|
|
});
|
|
}
|
|
//
|
|
};
|
|
return (
|
|
<View className="index">
|
|
{/* <Text>Hello world!</Text> */}
|
|
|
|
<View>
|
|
<AtSearchBar
|
|
showActionButton
|
|
value={''}
|
|
onChange={()=>{}}
|
|
onActionClick={()=>{}}
|
|
/>
|
|
</View>
|
|
<View className="indexSwiper">
|
|
{" "}
|
|
<Swiper
|
|
indicatorColor="#999"
|
|
indicatorActiveColor="#333"
|
|
// vertical
|
|
circular
|
|
indicatorDots
|
|
autoplay
|
|
>
|
|
<SwiperItem>
|
|
<View className="demo-text">
|
|
{" "}
|
|
<Image
|
|
// style="width: 300px;height: 100px;background: #fff;"
|
|
src={
|
|
"https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
|
|
}
|
|
/>
|
|
</View>
|
|
</SwiperItem>
|
|
<SwiperItem>
|
|
<View className="demo-text">
|
|
{" "}
|
|
<Image
|
|
// style="width: 300px;height: 100px;background: #fff;"
|
|
src={
|
|
"https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
|
|
}
|
|
/>
|
|
</View>
|
|
</SwiperItem>
|
|
<SwiperItem>
|
|
<View className="demo-text">
|
|
{" "}
|
|
<Image
|
|
// style="width: 300px;height: 100px;background: #fff;"
|
|
src={
|
|
"https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
|
|
}
|
|
/>
|
|
</View>
|
|
</SwiperItem>
|
|
</Swiper>
|
|
</View>
|
|
|
|
<AtGrid
|
|
data={[
|
|
{
|
|
image:
|
|
"https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png",
|
|
value: "打卡",
|
|
},
|
|
{
|
|
image:
|
|
"https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png",
|
|
value: "活动",
|
|
},
|
|
{
|
|
image:
|
|
"https://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png",
|
|
value: "视频",
|
|
},
|
|
]}
|
|
/>
|
|
|
|
<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">[副业交流] 沙龙茶话会</View>
|
|
<View className="middle">2023/12/06 星期三</View>
|
|
<View className="down">
|
|
<AtButton type="primary" size="small" className="submitBtn">
|
|
立即报名
|
|
</AtButton>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</AtCard>
|
|
|
|
<View className="indexTablebar">
|
|
<AtTabBar
|
|
tabList={[
|
|
{ title: "首页", text: "" },
|
|
{ title: "活动" },
|
|
{ title: "我的" },
|
|
]}
|
|
onClick={(value) => handleClick(value)}
|
|
current={current}
|
|
/>
|
|
</View>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default Index;
|