ant-mobile-swiper(走马灯)

地址：Swiper 走马灯 - Ant Design Mobile

简单的使用swiper

export default function Films() {

  const [swiperList,setSwiperList] = useState([])

  useEffect(()=>{

    axios.get('/json/test2.json').then(res=>{

      console.log(res.data);

      setSwiperList(res.data.banner)

    })

  },[])

  return (

   

      <Swiper autoplay loop style={{background:'yellow'}}>

        {

          swiperList.map(item => {

            return(

              <Swiper.Item key={item.bannerId}>

                <img src={item.url} alt='图片' style={{width:'100%',display:'block'}} />

              </Swiper.Item>  

            )

          })

        }

)