Gatsbyjs页面类似徽标灰色旋转木马

npm install -g gatsby-cli

gatsby new my-carousel-project

cd my-carousel-project
npm install gatsby-plugin-carousel react-responsive-carousel

import React from "react"
import { Carousel } from "react-responsive-carousel"
import "react-responsive-carousel/lib/styles/carousel.min.css"

const CarouselComponent = () => {
  return (
    <Carousel>
      <div>
        <img src="logo1.png" alt="Logo 1" />
      </div>
      <div>
        <img src="logo2.png" alt="Logo 2" />
      </div>
      <div>
        <img src="logo3.png" alt="Logo 3" />
      </div>
    </Carousel>
  )
}

export default CarouselComponent

import React from "react"
import CarouselComponent from "../components/Carousel"

const HomePage = () => {
  return (
    <div>
      <h1>Welcome to my website</h1>
      <CarouselComponent />
    </div>
  )
}

export default HomePage

gatsby develop