使用swiper的方法
1.引入swiper
npm install swiper
2.全局引入样式
main.ts中
import { register } from 'swiper/element/bundle';
register();
index.html中
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
问题1 ：
但是发现不能正常使用样式，排查了很久，发现原因是需要npm install 一下，更新样式库，再重新打开页面 npm run start:web,真的要气哭了
问题2：
现在可以正常使用样式库了，但是只能出现前三张轮播图，后面的出不来，又排查，最后在全局样式里发现了。。问题是全局样式导致的超出页面的图片隐藏。
这个会影响其他页面超过画面的图片消失，所以需要在使用页面单独设置一下
设置完了就可以正常出现了
PS：查了一下官网（https://swiperjs.com）发现，现在swiper 9月28号已经升级至10版本，之前8版本的引入方法，直接通过指令引入样式不好用，需要全局注入了，所以使用的友友记得更新一下引入方式。
