情况是这样的,我的小程序首页是用了两个swiper来进行tab切换的,swiper下面会有swiper-item组件,而微信API里面给出的swiper-item是默认100%的宽和高的,所以无论怎么重新自定义它的宽高都是无用功的,在我用第一个swiper-item的时候并没发现什么多大的问题;设置第二个swiper下面的swiper-item的时候,鼠标移动到前端的查看布局,你会发现swiper-item会把他默认的100%宽高都给你撑满,也就是我第一个swiper假如只要显示100高度,但它的swiper-item可能会给你弄到500高度,这个时候就会把排在它后面的第二个swiper的触发事件给遮挡住,此时需要再第一个swiper里面设置position: relative.第二个swiper里面设置position:absolute z-index:100;这样就不会覆盖到下面的样式.
小程序swiper组件日常随笔
最新推荐文章于 2023-12-28 15:31:21 发布