Guidebook

# Swiper

# 在React中使用swiper

https://swiperjs.com/react#usage

yarn add swiper
1

在main.ts中手动注册，该注册是全局的

// Import Swiper React components
import { Swiper, SwiperSlide } from 'swiper/react';
// Import Swiper styles
import 'swiper/css';

export default () => {
  return (
    <Swiper>
      <SwiperSlide>Slide 1</SwiperSlide>
      <SwiperSlide>Slide 2</SwiperSlide>
      ...
    </Swiper>
  );
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 自动播放

autoplay

← cursor rules全局 →