// @ts-nocheck
import { Component } from "react";
import { View, Text, Image } from "@tarojs/components";
import "./index.scss";
import { AtButton, AtInput, AtTabBar } from "taro-ui";
import React, { useCallback, useEffect, useState } from "react";
import { AtGrid } from "taro-ui";
import { Swiper, SwiperItem } from "@tarojs/components";
import { AtCard } from "taro-ui";
import { AtImagePicker } from "taro-ui";
import Taro from "@tarojs/taro";
import { AtAvatar } from "taro-ui";
import { AtTag } from "taro-ui";
import { AtList, AtListItem } from "taro-ui";
import { AtForm, AtMessage } from "taro-ui";
import { AtModal, AtModalHeader, AtModalContent, AtModalAction } from "taro-ui";

// export default class Index extends Component {
const IndexDetail = () => {
  useEffect(() => {}, []);

  const handleClick = (value) => {
    // 跳转到目的页面，在当前页面打开
    Taro.navigateTo({
      url: "/pages/index/index",
    });
  };

  const cusomContent = () => {
    return <View className="cusomContent">111</View>;
  };
  return (
    <View className="IndexDetail">
      <AtModal isOpened={false}>
        {/* <AtModalHeader>标题</AtModalHeader> */}
        <AtModalContent>{cusomContent()}</AtModalContent>
        {/* <AtModalAction> <Button>取消</Button> <Button>确定</Button> </AtModalAction> */}
      </AtModal>
    </View>
  );
};

export default IndexDetail;
