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,
} 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 { useEffect, useState } from "react";
const my = () => {
  const [open, setopen] = useState(false);
  useEffect(()=>{
    // 获取路由参数
   const params= Taro.getCurrentInstance().router.params
   console.log('params',params)
  },[])

  const handleClick = (value) => {
    setopen(true);
  };
  return (
    <View className="my">
      <View className="myContent">
        <View className="myHeader">
          {/* 头像 */}
          <AtAvatar circle image={touxiang}></AtAvatar>
          <View>
            <AtTag size="small">星球新居民</AtTag>
            {/* <AtTag size="small">女</AtTag> */}
          </View>
        </View>

        {/* 列表 */}
        <View className="mylist">
          <AtListItem
            title="我参加的"
            arrow="right"
            thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
          />
          <AtListItem
            title="更新日志"
            // note="描述信息"
            arrow="right"
            thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png"
          />
          <AtListItem
            title="联系客服"
            // note="描述信息"
            // extraText="详细信息"
            arrow="right"
            thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
          />
        </View>


        {/* 个人客服 */}
        {/* <View className="wechat">
          <Button open-type="contact" className="wecahtBtn">
            联系客服
          </Button>
        </View> */}
      </View>

      {/* 底部tabbar */}
      <TabbarCom active={1} />
    </View>
  );
};

export default my;
