公告列表
公告列表
收藏
回答

swiper设置circular="false"数据不够五条时，滑动出现空白问题？

回答关注问题邀请回答
收藏

3 个回答

  • Admin ²º²⁴
    Admin ²º²⁴
    2020-06-18
    设置：display-multiple-items="3"
    2020-06-18
    有用 1
    回复 12
    • 醉酒浓
      醉酒浓
      2020-06-18
      感谢回复，这个试过，设置之后底部轮播点会出现全选中状态（可以手写样式，t跳过...），重要的是当数据不够三条时会出现空白问题；所以折中才如图那样写；代码片段在上
      2020-06-18
      赞
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-06-18回复醉酒浓
      自己做indicator-dots
      2020-06-18
      赞
      回复
    • 醉酒浓
      醉酒浓
      2020-06-18回复Admin ²º²⁴
      https://developers.weixin.qq.com/s/rzLgWamx7ti5嗯，我知道，轮播点可以手写，但是如下图，而且我看好多人都有这个问题
      2020-06-18
      赞
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-06-18回复醉酒浓
      那你就不够三条是不显示indicator-dots，超过时再显示吧。
      要追求极致就自己写indicator-dots。
      你这个应该是要设置display-multiple-items="3"，毕竟一页显示了3个swiper-item
      2020-06-18
      赞
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-06-18
      display-multiple-items="3"时组件才能计算宽度才好轮播呢，设置display-multiple-items="3"后你能感觉到丝滑多了么。如果不设置宽度计算有误差导致你说的空白问题。
      2020-06-18
      赞
      回复
    查看更多(7)
  • 灵芝
    灵芝
    2020-06-17

    你好，需要这样写circular="{{false}}"。出现空白的问题请提供代码片段看下（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

    2020-06-17
    有用
    回复 2
  • 醉酒浓
    醉酒浓
    2020-06-17

    circular="{{circular}}"

    circircular为true，表达的是这个

    2020-06-17
    有用
    回复
请 登录 后发表内容
相关问题
问题标签
swiper视图容器小程序开发组件