如何实现Swiper图片滑动4.5效果
所谓滑动4.5的结果就是，首页显示4张图片，然后右边显示0.5张，这样告诉别人后面还有，您可以拖动过来，下面小编来给大师讲解下4.5结果在现实项目中的运用吧
东西/原料
- Swiper
方式/步调
- 1
先把Swiper的开辟包下载下来
- 2
然后查看下demo的格局，可发现他是swiper-container>swiper-wrapper>swiper-slide这样一个三层布局，加一个分页swiper-pagination（这个无关紧要），然后经由过程 new Swiper初始化
- 3
项目中只需要把css和js引入即可
- 4
然后经由过程代码轮回加载swiper-slide布局的，因为今朝程序中只有4张图片，所以下面零丁加了两张
- 5
下一步最主要一点，设置4.5视图模式，JS直接给赋值当作4.5即可，new Swiper('#home2',{slidesPerView: 4.5});
- 6
实现结果图
- 发表于 2019-12-21 20:00
- 阅读 ( 849 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章