小程序swiper组件日常随笔

情况是这样的,我的小程序首页是用了两个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;这样就不会覆盖到下面的样式.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值