5***@qq.com
5***@qq.com
  • 发布:2022-02-11 11:00
  • 更新:2022-02-11 11:00
  • 阅读:387

关于原生swpier组件在H5能否适配支持小程序中的snap-to-edge属性

分类:uni-app

在swiper中设置后边距next-margin,并设置循环滚动circular时,

当swiper-item有两个以上时:

两个以上的情况

可以看到第一个item是可以衔接在最后个item后面,

但是当只有两个item时:

只有两个的情况

最后一块就完全空白展示了。

查阅了微信小程序的文档,发现有个snap-to-edge属性,

经测试,发现的确有效!

在微信小程序中的效果

就想问问官方,能否在H5中适配snap-to-edge属性,或者有无第三方的插件实现这一效果的?

十分感谢!

<swiper class="swiper"  
    indicator-dots  
    :circular="true"   
    duration="500"   
    snap-to-edge="true"  
    :next-margin="'235rpx'">  
    <swiper-item v-for="(item, index) in ['red', 'yellow']">  
        <div class="item" :style="{ background: item }"></div>  
    </swiper-item>  
</swiper>
2022-02-11 11:00 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复