收藏
回答

swiper组件中用cover-view组件进行覆盖canvas组件,滑动出问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug cover-view,swiper 客户端 7.0.5 1.02.1907222

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo



粉色区域为cover-view组件,当进行向左滑动时,cover-view组件会进行向左随着滚动页面进行移动,这个问题是什么导致的,希望大佬们看一下


最后一次编辑于  07-23
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    07-23

    麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    07-23
    赞同
    回复 7
    查看更多(2)
  • DL
    DL
    07-23

    <swiper style='width:{{windWidth}}px; height:480rpx;position:relative' indicator-dots="{{indicatorDots}}" circular="{{circular}}" bindchange="swiperChange">

    <block wx:if="{{swiperCurrent == 0}}">

    <cover-view catchtap='hangqing' class="zhe" style="width:{{windWidth}}px;"></cover-view>

    </block>

    <swiper-item wx:for="{{pics_Carousel}}" wx:key="{{index}}" style='width:100%;height:100%;position:relative'>


    <block wx:if="{{index >=1}}">

    <image class='img' style='width:100%;height:480rpx;' src='{{item}}' catchtap='marketProspect'></image>

    </block>

    <block wx:else>

    <view class='banner1' bindtap='hangqing'>


    <!-- <view class='headers'>今日市场情绪</view> -->

    <image class='img' style='width:100%;height:480rpx;' src='{{item}}'></image>

    <view class='banner_today'>


    <view class='banner1_title'>

    <canvas-ring id="canvasRing" value="{{c_val}}" class='looks canvan'>

    </canvas-ring>

    <canvas-ring2 id="canvasRing2" value="{{c_val2}}" class='looks canvan'>

    </canvas-ring2>

    <canvas-ring3 id="canvasRing3" value="{{c_val3}}" class='looks canvan'>

    </canvas-ring3>

    </view>

    <view class='banner1_ti'>

    <view class='looks'>看涨</view>

    <view class='looks'>看平</view>

    <view class='looks'>看跌</view>

    </view>

    </view>


    </view>

    </block>

    </swiper-item>



    </swiper>

    </view>


    07-23
    赞同
    回复