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;