swiper组件中用cover-view组件进行覆盖canvas组件,滑动出问题
发布于 6 年前 作者 qianglong 9165 次浏览 来自 官方Issues
  • 当前 Bug 的表现(可附上截图)
  • 预期表现
  • 复现路径
  • 提供一个最简复现 Demo

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

2 回复

<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>

回到顶部