swiper 的一堆坑

swiper 的一堆坑,第1张

最近写小程序经常用swiper,结果发现,坑好多啊。。。

坑1.swiper-item的100%宽高

小程序默认swiper-item的宽高默认继承swiper的宽高,如果不用!important语法根本改不了

如握棚果想要制作不同高度图片的段亮则swiper,则需要事先知道每张图片的高度然后给swiper赋高度值。

swiper-item的宽度也是一个巨坑,想要设置一次展示多个swiper-item可以设置这个属性:display-multiple-items,值为数字。但是这键野样每个item都是紧贴着的。

如果想要做出不紧贴的效果,唯一的方法就是swiper-item留部分白,另一部分放置想要展示的内容

掐指一算,我好久没更新了。。。

解决方法如下:

1、在昌败swiper标签中的view标签改成scroll-view标签。

2、动态获取窗口高度应用到swiper和所有的scroll-view标签。事实上,内容显示不全就是因为获取的高度过小,这样就可以解决微信小程序中显示不全的问题。WordPress是使用PHP语言衫册开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上或迅宏架设属于自己的网站。

swiper.js 没有限制slider的高含改度,因为考虑到图片的不规则性,限携此制了高度,对于一些过大或者过辩老迅小的图片会造成失真,你可以通过自己设置slider的高度,通过overflow:hidden来避免失真。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12488037.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存