TJ1532635942
白桦yuma
2019-01-15 10:59

微信小程序中使用swiper包裹内容后超出屏幕的内容无法显示怎么办?

5
  • 微信小程序
  • css3

这是页面代码

<swiper current="{{currentTab}}" class="swiper-box" duration="300"  bindchange="bindChange">

  <!-- 待付款 -->
  <swiper-item> 

    <view class='order_box'>
    </view>
    <view class='order_box'>
    </view>
    <view class='order_box'>
    </view>
  </swiper-item>

</swiper>

这是wcss代码

.order_box{
  width: 98%;
  height: 50%;
  border: 2rpx solid #666;
  margin: 8% 1%;
}


.swiper-box{ 
  width: 100%; 
  height: 100%;
  } 

当不用swiper和swiper-item包裹那3个view时,超出的view可以通过向下滑动看见,如图
图片说明

但包裹后就无法滑动了,怎么让它也可以滑动?
如图
图片说明

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

1条回答