小程序安卓版swiper画面异常错位
发布于 5 年前 作者 tzhou 9576 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

问题1:

    使用swiper,里面分别有3个swiper-item,每个item 下面显示信息很多,大概结构是:

<swiper class=“swiper” current="{{currentTab}}" duration=“200” bindchange=“swiperChange”>

    <swiper-item >

        <view class=“page” style="{{pageStyle}}">

            ………………

        

//此处有很多内容,都是使用view标签,可以上下滑动查看

        

</view>

    </swiper-item>

</swiper>

用苹果手机和电脑测试是可以正常上下滚动的,所有内容是可以看到的,但是使用安卓真机测试,此处不能上下滑动。导致画面信息显示不完整。并且不能滑动的问题只有swiper 有,其他页面可以正常滑动。

问题2 :

swiper 里面使用了canvas,导致左右滑动或者点击每个tab时会出现画面错位,这个tab显示另一个tab的内容,求大神怎么解决这个问题。

<canvas canvas-id=“lineCanvas” disable-scroll=“true” class=“canvas”></canvas>

<view class=“chart”>

<text wx:for="{{areaList}}" style=’{{item.clikestyle}}’ wx:key="{{item.id}}" data-index="{{item.id}}" id="{{item.id}}"  bindtap=‘intervalRatio’ >{{item.value}}</text>

</view>

<canvas canvas-id=“lineCanvas1” disable-scroll=“true” class=“canvas”></canvas>

</view>

1 回复

canvas是原生组件,

回到顶部