wx小程序swiper怎么禁止滑动

Posted 2023-02-26

参考技术A .wxml
<view class="swiper-tab">
<view class="swiper-tab-list currentTab==0 ? 'on' : ''" data-current="0" bindtap="swichNav">红色</view>
<view class="swiper-tab-list currentTab==1 ? 'on' : ''" data-current="1" bindtap="swichNav">绿色</view>
<view class="swiper-tab-list currentTab==2 ? 'on' : ''" data-current="2" bindtap="swichNav">黄色</view>本回答被提问者采纳 参考技术B

可以给swiper的父元素的:before / ::after 设置一个透明层，遮罩住。这样就能实现禁止滑动。

.swiper-parent::before 
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    z-index: 1;