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 rework from "@/images/book/rework.jpg";
import dangan from "@/images/book/dangan.jpg";
import fuye from "@/images/book/fuye.jpg";
import poquan from "@/images/book/poquan.jpg";
import chuangye from "@/images/book/chuangye.jpg";
import hours from "@/images/book/hours.jpg";

import { useEffect, useState } from "react";

const Nomadbook = () => {
  const [open, setopen] = useState(false);

  return (
    <View className="Nomadbook">
      <View className="book">
        {[
          { imagePath: rework },
          { imagePath: dangan },
          { imagePath: fuye },
          { imagePath: poquan },
          { imagePath: chuangye },
          { imagePath: hours },
        ].map((item, index) => {
          return (
            <View className="bookItem">
              {" "}
              <Image
                style={{
                  width: "100%",
                  height: "100%",
                  background: " #fff",
                  borderRadius: "10px",
                }}
                mode="scaleToFill"
                src={item.imagePath}
              />
            </View>
          );
        })}
      </View>
    </View>
  );
};

export default Nomadbook;
