React+ionic 开发中使用轮播组件 Swiper

112 阅读1分钟

ionic文档中讲述了怎么引用

ionic.nodejs.cn/react/slide…

首先项目导入swiper模块

npm install @ionic/react@latest @ionic/react-router@latest
npm install swiper@latest

Swiper组件文档地址

这里可以看到一些demo和样式,找到自己想要的样式点击头部的React即可看到源代码。

有些小坑 pagination={true}设置之后 页码标记没有出来,其实是有出来只不过需要手动更改下页码圆点的颜色

更改前
image.png 更改后。

image.png