swiper实现纵向轮播 - WXOPEN Club | 微信小程序专业社区

如标题所示，swiper如何实现纵向轮播功能？官方目前没有提供此功能，希望能尽早提供。

2 回复

tao66

tao661 楼6 年前

swiper的vertical属性即将开放，设置该属性即可。

jieshao

jieshao2 楼5 年前

<swiper indicator-dots=“true” autoplay=“true” interval=“5000” duration=“1000” style=“transform: rotate(90deg);”>
<block wx:for=“{{imgUrls}}”>
    <swiper-item>
      <image style=“transform: rotate(-90deg);” src=“{{item}}” class=“slide-image” width=“200” height=“350”/>
    </swiper-item>
</block>
</swiper>