181 lines
4.3 KiB
TypeScript
181 lines
4.3 KiB
TypeScript
import {
|
|
Button,
|
|
Card,
|
|
Col,
|
|
Divider,
|
|
Grid,
|
|
GridItem,
|
|
Row,
|
|
Tag,
|
|
Toast,
|
|
} from "@antmjs/vantui";
|
|
import { View } from "@tarojs/components";
|
|
import React, { useCallback, useEffect } from "react";
|
|
import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
|
|
import react from "react";
|
|
import { NoticeBar } from "@antmjs/vantui";
|
|
import Taro from "@tarojs/taro";
|
|
import { Tabbar, TabbarItem } from "@antmjs/vantui";
|
|
import TabbarCom from "../components/TabbarCom";
|
|
import { getTable, getTableid } from "../../utils/index";
|
|
|
|
const Home = () => {
|
|
// const { images } = COMMON
|
|
const [initPage1, setInitPage1] = react.useState(0);
|
|
const [active, setActive] = react.useState(0);
|
|
const onChange = (e) => {};
|
|
const images = [
|
|
"cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/download.jpg",
|
|
"cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg",
|
|
];
|
|
|
|
useEffect(() => {
|
|
Taro.showShareMenu({
|
|
withShareTicket: true,
|
|
});
|
|
Taro.updateShareMenu({
|
|
withShareTicket: true,
|
|
success() {},
|
|
});
|
|
// let objParams = {
|
|
// tableName: "test",
|
|
// id: "80516fb66370bcf300b8f43c5f4dd52b",
|
|
// okFun: (res) => {
|
|
// console.log("res", res);
|
|
// },
|
|
// };
|
|
|
|
// getTableid(objParams);
|
|
}, []);
|
|
|
|
return (
|
|
<View>
|
|
{/* 通知条 */}
|
|
<NoticeBar
|
|
leftIcon="volume-o"
|
|
text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
|
|
/>
|
|
{/* 顶部 */}
|
|
{/* <View>
|
|
<Row>
|
|
<Col span="4" className="dark">
|
|
深圳
|
|
</Col>
|
|
</Row>
|
|
</View> */}
|
|
<View>
|
|
{/* <Tag type="primary">深圳</Tag> */}
|
|
<Tag plain={true} type="primary">
|
|
深圳
|
|
</Tag>
|
|
</View>
|
|
{/* 轮播图 */}
|
|
<View className="demo-box">
|
|
<Swiper
|
|
height={200}
|
|
paginationColor="#426543"
|
|
autoPlay="3000"
|
|
initPage={initPage1}
|
|
paginationVisible
|
|
onChange={onChange}
|
|
>
|
|
{images.map((item, index) => (
|
|
<SwiperItem key={`swiper#demo1${index}`}>
|
|
<Image src={item} fit="cover" width="100%" height="200px" />
|
|
</SwiperItem>
|
|
))}
|
|
</Swiper>
|
|
</View>
|
|
|
|
{/* 模块 */}
|
|
<Grid>
|
|
<GridItem
|
|
icon="photo-o"
|
|
text="打卡"
|
|
onClick={() => {
|
|
Toast.fail({
|
|
message: "暂未开放",
|
|
selector: "#vanToast-demo2",
|
|
});
|
|
}}
|
|
/>
|
|
<GridItem
|
|
icon="photo-o"
|
|
text="十峰"
|
|
onClick={() => {
|
|
// 跳转到目的页面，打开新页面
|
|
Taro.navigateTo({
|
|
url: "/pages/mountainPeak/index",
|
|
});
|
|
}}
|
|
/>
|
|
<GridItem
|
|
icon="photo-o"
|
|
text="活动"
|
|
onClick={() => {
|
|
// 跳转到目的页面，打开新页面
|
|
Taro.navigateTo({
|
|
url: "/pages/activityList/index",
|
|
});
|
|
}}
|
|
/>
|
|
|
|
<GridItem
|
|
icon="photo-o"
|
|
text="招募"
|
|
onClick={() => {
|
|
Toast.fail({
|
|
message: "暂未开放",
|
|
selector: "#vanToast-demo2",
|
|
});
|
|
}}
|
|
/>
|
|
</Grid>
|
|
|
|
{/* 分割线 */}
|
|
<View>
|
|
<Divider />
|
|
</View>
|
|
|
|
{[1, 2].map((item: any) => {
|
|
return (
|
|
<View
|
|
onClick={() => {
|
|
console.log("Card");
|
|
Taro.navigateTo({
|
|
url: "/pages/activityList/components/details/index",
|
|
});
|
|
}}
|
|
>
|
|
{" "}
|
|
<Card
|
|
num=""
|
|
price=""
|
|
desc="报名中"
|
|
title="周末爬山"
|
|
thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
|
|
/>
|
|
</View>
|
|
);
|
|
})}
|
|
|
|
{/* <Tabbar
|
|
active={active}
|
|
safeAreaInsetBottom={false}
|
|
|
|
|
|
>
|
|
<TabbarItem icon="home-o">首页</TabbarItem>
|
|
<TabbarItem icon="friends-o">活动</TabbarItem>
|
|
<TabbarItem icon="setting-o">我的</TabbarItem>
|
|
</Tabbar> */}
|
|
|
|
<Toast id="vanToast-demo2" />
|
|
|
|
<TabbarCom active={0} />
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default Home;
|