我想做一个左右能够轮播专栏,上下能够滑动查阅信息文章的一个页面,但是使用swiper + scroll-view的时候突然就搞出一个这么大的问题。。。
<swiper style="height:100%;">
<swiper-item style="height:100%">
<scroll-view style="height:100%" scroll-y="true">
</scroll-view>
</swiper-item>
<swiper-item style="height:100%;" >
<include src=""/>
</swiper-item>
</swiper>
//wxml文件,这个时候不能上下滑动
<swiper style="height:{{number*450}}rpx"> <-- 引入一个变量,number是文章数量,然后动态更新液面高度 -->
<swiper-item style="height:100%">
<scroll-view style="height:100%" scroll-y="true">
</scroll-view>
</swiper-item>
<swiper-item style="height:100%;" >
<include src=""/>
</swiper-item>
</swiper>
z这个时候就可以上下滑动,但是swiper就没办法左右移动了,求助啊
还有一个问题:就是我还想让把这个swiper-item置于最底层,但是置与最底层 z-index:-1; 之后,这个swiper-item就不能左右滑动了
<swiper class="{{swiperClass}}" current="{{activeTab}}" duration="{{duration}}" bindchange="handleSwiperChange"> <swiper-item wx:for="{{tabs}}" wx:key="title"> <scroll-view style="height:100%" scroll-y="true" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll"> <slot name="tab-content-{{index}}"></slot> </scroll-view> </swiper-item> </swiper>