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);

  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="标题文字1"
            arrow="right"
            thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
          />
          <AtListItem
            title="标题文字2"
            // 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 */}
      {/* <View className="tabbbar">
        <AtTabBar
          tabList={[
            { title: "首页", iconType: "home" }, //, text: "new"
            // { title: "活动", iconType: "camera" },
            { title: "我的", iconType: "user" }, //, text: "100", max: 99
          ]}
          onClick={(current) => {
            console.log("current", current);
            if (current !== 1) {
              Taro.redirectTo({
                url: "/pages/index/index",
              });
            }
          }}
          current={1}
        />
      </View> */}
      <TabbarCom active={1} />
    </View>
  );
};

export default my;