引入第三方库Swiper来写轮播

513 阅读1分钟

1. CRM

CRM.png

2. 步骤

	1. 进入 Swiper 官网 http://idangero.us/swiper/get-started/
	2. 安装 Swiper
		这里选择1b的方式:
		引入css 和 script
		link链接选择:<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/css/swiper.min.css">
		script链接选择:<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.min.js"></script>
		注意:4.x.x 是要自己改成对应的版本号的  (去它的github仓库找) 4.2.2
			 图片尺寸 4:3    这里用 888 X 666
	3. 在页面引入 Swiper(CSS 和 JS)
	4. 抄袭 HTML(CRM 中的 Copy)
	5. 抄袭 CSS
	6. 抄袭 JS
	7. 运行(CRM 中的 Run)
	8. 修改 HTML(CRM 中的 Modify)
	9. 修改 CSS
	10. 修改 JS

3. 效果图

swiper-slide.gif
相关代码:引入第三方库Swiper来写轮播