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

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

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

- 当前 Bug 的表现（可附上截图）


- 预期表现


- 复现路径


- 提供一个最简复现 Demo



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


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

2 个回答

  • DL
    DL
    2019-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>


    2019-07-23
    有用
    回复
  • 灵芝
    灵芝
    2019-07-23

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

    2019-07-23
    有用
    回复 7
    查看更多(2)
请 登录 后发表内容
相关问题
相关文档