当前位置:   article > 正文

【随笔记】小程序轮播图,一屏显示三个swiper-item_小程序轮播图左右

小程序轮播图左右

常见的轮播是一屏显示一个swiper-item,有的时候需要一屏显示三个swiper-item,左右两边都显示出一点

【目前小程序基础库2.12.3 效果正常,3.几的效果会有点不正常】

 效果图

wxml

  1. <!-- 轮播begin -->
  2. <swiper wx:if="{
  3. {up_down}}" class="card-swiper {
  4. {DotStyle?'square-dot':'round-dot'}} myswiper" circular="true" indicator-dots="{
  5. {false}}" bindchange="cardSwiper" autoplay="{
  6. {false}}" interval="14000" duration="500" >
  7. <swiper-item wx:for="{
  8. {magazine_res}}" wx:for-item="magazine" wx:key class="{
  9. {cardCur==index?'cur':''}}" bindtap="jump_details" data-target="{
  10. {magazin
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/483437
推荐阅读
相关标签
  

闽ICP备14008679号