import { View, Text, Image, Button, Icon } from "@tarojs/components";
import { useLoad } from "@tarojs/taro";
import Taro from "@tarojs/taro";
import {
  AtAvatar,
  AtTag,
  AtIcon,
  AtTabBar,
  AtButton,
  AtAccordion,
  AtList,
  AtListItem,
  AtMessage
} from "taro-ui";
import "./index.scss";
import beijing from "@/images/city/beijing.jpg";
import guangzhou from "@/images/city/guangzhou.jpg";
import shanghai from "@/images/city/shanghai.jpg";
import shenzhen from "@/images/city/shenzhen.jpg";
import touxiang from "@/images/index/touxiang.jpg";
import TabbarCom from "@/componments/TabbarCom";
import QrCode from "@/componments/QrCode";

import a1 from "@/images/meetup/a1.jpg";
import a2 from "@/images/meetup/a2.jpg";
import a3 from "@/images/meetup/a3.jpg";
import a4 from "@/images/meetup/a4.png";
import a5 from "@/images/meetup/a5.jpg";
import a6 from "@/images/meetup/a6.jpg";

import { useEffect, useState } from "react";
const JoinWechat = () => {
  const [open, setopen] = useState(false);
  const [isOpened, setisOpened] = useState(false);

  return (
    <View
      className="JoinWechat"
      onClick={() => {
        setisOpened(true);
      }}
    >
      <View className="CustomHeader">🥂加入微信群-meetup</View>
      <View className="CustomAvatar">
        {[
          { imagePath: a1 },
          { imagePath: a2 },
          { imagePath: a3 },
          { imagePath: a4 },
          { imagePath: a5 },
          { imagePath: a6 },
        ].map((item, index) => {
          return (
            <AtAvatar
              className="AtAvatar"
              circle
              image={item.imagePath}
              size="small"
            ></AtAvatar>
          );
        })}
      </View>
      {/* <View>查看更多</View> */}
      <QrCode isOpened={isOpened} setisOpened={setisOpened} />
      <AtMessage />
    </View>
  );
};

export default JoinWechat;
