51 lines
1.0 KiB
TypeScript
51 lines
1.0 KiB
TypeScript
import { View } from "@tarojs/components";
|
|
import react from "react";
|
|
import { DropdownMenu } from "@antmjs/vantui";
|
|
import { DropdownItem } from "@antmjs/vantui";
|
|
import TabbarCom from "../components/TabbarCom";
|
|
|
|
const activityList = () => {
|
|
const [state, setState] = react.useState({
|
|
option1: [
|
|
{
|
|
text: "全部活动",
|
|
value: 0,
|
|
},
|
|
{
|
|
text: "附近活动",
|
|
value: 1,
|
|
}
|
|
],
|
|
option2: [
|
|
{
|
|
text: "默认排序",
|
|
value: "a",
|
|
},
|
|
{
|
|
text: "最近距离",
|
|
value: "b",
|
|
},
|
|
{
|
|
text: "参与最多",
|
|
value: "c",
|
|
},
|
|
],
|
|
value1: 0,
|
|
value2: "a",
|
|
});
|
|
return (
|
|
<View>
|
|
{" "}
|
|
<View>
|
|
<DropdownMenu>
|
|
<DropdownItem value={state.value1} options={state.option1} />
|
|
<DropdownItem value={state.value2} options={state.option2} />
|
|
</DropdownMenu>
|
|
</View>
|
|
<TabbarCom active={1} />;
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default activityList;
|