收藏
回答

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

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

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

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

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

1 个回答

  • 微信小店技术专员-binnie
    微信小店技术专员-binnie
    05-13

    具体是什么使用场景呢?

    05-13
    有用
    回复 4
    • Sun
      Sun
      05-14
      主要是UI设计上的问题, 页面是那种相簿风格,顶部一大块是 swiper 的展示内容,中间一部分是不跟随 swiper 翻页的游戏交互模块,指示点想放在底部
      05-14
      回复
    • Sun
      Sun
      05-14回复Sun
      不过这么一说,我有个其他思路了, 或许我可以把 swiper 整体高度拉高,swiper-item 内容的底部填充一块透明区域(看不出翻页的动画),把 指示点 撑到页面底部位置。 然后在整个 swiper 上层留空的透明区域,覆盖一个固定定位的交互模块
      05-14
      回复
    • 侧耳倾听
      侧耳倾听
      07-23回复Sun
      找到解决方案了没啊大哥
      07-23
      回复
    • Sun
      Sun
      08-07回复侧耳倾听
      我用了替代方案,我的业务场景是想把指示点放到页面底部,但是轮播图在页面顶部,中间位置放其他内容。 我的方案是直接拉大到整页高度的轮播图, 中间空白,图片只占用顶部轮播图本应在的位置,中间空白部分定位固定一块其他内容盖住。底部指示点依旧照常展示
      08-07
      回复
登录 后发表内容