评论

Swiper中display-multiple-items的妙用

Swiper中display-multiple-items的妙用

产品需要显示一页加下一页的部分,但是又不需要轮播,如图

一开始想的是用next-margin,这样能实现功能,但是当翻到最后一页的时候,最右边还会显示next-margin这么多的空白,而并不是靠右对齐,这样看起来很奇怪,缺了一块




后来发现原来设置display-multiple-items也是可以实现这个功能的,设置成1.x就可以了,这样最后一页也没有留白。本来以为display-multiple-items是需要设置成整数的,其实不是,目测大于0都是可以的


点赞 2
收藏
评论

6 个评论

  • 小蒜泥
    小蒜泥
    2019-08-07

    这个厉害了  可以可以 原来是我的打开方式不对  哈哈哈

    2019-08-07
    赞同 1
    回复 1
    • 花猫
      花猫
      2019-08-07
      为了实现这个效果,我也是尝试了半天,还试了scroll-view来实现效果,都不理想,后来才发现原来还可以这么用
      2019-08-07
      1
      回复
  • bind
    bind
    05-14

    有小数的话拉到最后会报错

    05-14
    赞同
    回复
  • 🍔
    🍔
    03-02

    非常感谢

    03-02
    赞同
    回复
  • JIang
    JIang
    2019-08-20

    这可是前辈辛辛苦苦踩过的坑啊,珍惜.....

    2019-08-20
    赞同
    回复
  • Ironthy
    Ironthy
    2019-08-08

    感谢分享,获益良多

    2019-08-08
    赞同
    回复
  • 惠嘉伟-Javey
    惠嘉伟-Javey
    2019-08-07

    感谢分享

    2019-08-07
    赞同
    回复
登录 后发表内容