收藏
回答

Skyline模式下 Swiper组件指示点能否自定义位置? 实现类似文档中指示器效果演示的效果

我想要实现类似文档这个视频的效果,把指示点单独拿出来,放到脱离 swiper 的其他复杂的排版位置去。

API 好像只有一个配置 margin 的参数,而且是固定的四个方向的 margin。

附:如果无法实现完全自定义位置的指示点, 自己模拟的话能否达到和原生相近的性能和效果? 指示点完全跟随 swiper-item 的移动,移回,取消移动,动作完全同步?

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

1 个回答

  • 视频号小店技术专员-binnie
    视频号小店技术专员-binnie
    05-13

    具体是什么使用场景呢?

    05-13
    有用
    回复 2
    • Sun
      Sun
      05-14
      主要是UI设计上的问题, 页面是那种相簿风格,顶部一大块是 swiper 的展示内容,中间一部分是不跟随 swiper 翻页的游戏交互模块,指示点想放在底部
      05-14
      回复
    • Sun
      Sun
      05-14回复Sun
      不过这么一说,我有个其他思路了, 或许我可以把 swiper 整体高度拉高,swiper-item 内容的底部填充一块透明区域(看不出翻页的动画),把 指示点 撑到页面底部位置。 然后在整个 swiper 上层留空的透明区域,覆盖一个固定定位的交互模块
      05-14
      回复
登录 后发表内容