收藏
回答

Skyline模式下,swiper组件worklet动画穿透到 scroll-view组件!!!

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信安卓客户端 8.0.47 3.34

此为Skyline模式

在使用官方的 Tab指示条,swiper的swiper-item内使用了scroll-view组件。

当滑动scroll-view组件时,在安卓机内swiper的worklet动画会穿透到scroll-view组件当中。导致tab下方的下划线动画异常

官方的Tab指示条源码地址:https://github.com/wechat-miniprogram/awesome-skyline/tree/main/examples/tab-indicator

这是我的scroll-view代码:

这段代码是写在 swiper-item内的,希望官方能给出临时解决方案

<scroll-view scroll-y style="width: 100%; height: 100%;" type="custom">
                <grid-view type="masonry" cross-axis-count="{{2}}" cross-axis-gap="{{10}}" main-axis-gap="{{10}}">
                    <image wx:for="{{gridList}}" 
                    wx:key="index" 
                    style="width: 100%; height: {{100 * item.sub}}px" 
                    src="https://picsum.photos/200/{{100 * item.sub}}?random={{item.id}}" 
                    mode="aspectFill"></image>
                </grid-view>
            </scroll-view>
回答关注问题邀请回答
收藏

3 个回答

  • 小程序技术专员-binnie
    小程序技术专员-binnie
    03-25

    麻烦试试看8.0.48正常吗

    03-25
    有用 1
    回复 1
    • Garcia
      Garcia
      04-04
      确实8.0.48正常了
      04-04
      回复
  • 夏味
    夏味
    03-25

    测试了下,稳定复现,是 scroll-view 的 worklet 事件冒泡到 swiper 了

    代码片段:https://developers.weixin.qq.com/s/Ki3S1Xmg7cPk

    03-25
    有用
    回复 3
  • Garcia
    Garcia
    03-20

    是我人言轻微了嘛

    03-20
    有用
    回复 6
    • 似水流年
      似水流年
      03-21
      进群反馈,回复更及时
      03-21
      回复
    • Garcia
      Garcia
      发表于移动端
      03-21回复似水流年
      没有群,群二维码扫了,是满的
      03-21
      回复
    • 夏味
      夏味
      03-25
      官方回答说,不新增群了,后面在社区上答复
      03-25
      回复
    • Garcia
      Garcia
      03-25回复夏味
      主要是,社区,也不理人了
      03-25
      回复
    • 夏味
      夏味
      03-26回复Garcia
      社区楼上回答了,8.0.48 正常的,可以考虑提高下 skyline 的客户端版本,8.0.47 使用 webview 来兼容
      03-26
      回复
    查看更多(1)
登录 后发表内容