swiper和scroll-view滑动scroll,swiper一起滑动
发布于 6 年前 作者 yan75 5826 次浏览 来自 问答

功能需求:类似企鹅优选的首页,把scroll-view放在swiper-item中,滑动scroll-view时swiper会直接下一张,跪求解答

代码如下:

<swiper indicator-dots="{{true}}" autoplay="{{false}}" interval="{{5000}}" duration="{{1000}}" class=‘swiper-box’>

<block wx:for="{{imgUrls}}">

<swiper-item>

<image class=“page_bg {{loaded?‘loaded’:’’}}” src="{{item}}"></image>

<view class=“slide_image”>

<view class=“title_desc”>

<text class=“title”>测试title</text>

<text class=“desc”>测试详情</text>

</view>

<scroll-view class=“first_sv” scroll-x=“true” style=" white-space: nowrap;">

<view class=“sv_item {{svList.length==1?‘only_one’:’’}}” id="{{item.id}}" wx:for="{{svList}}" wx:key="{{index}}" bindtap=“ViewCharityDetail”>

<image class=“item_bg” src="{{item.image}}" mode=“scaleToFill”></image>

<view class=“item_container”>

<text class=“charity_title”>{{item.title}}</text>

<!-- <text class=“charity_desc”>{{item.description}}</text> -->

<!–<view class=“charity_desc”>

           <template is=“wxParse” data="{{wxParseData:replyTemArray[index]}}" />

         </view>–>

</view>

</view>

</scroll-view>

</view>

</swiper-item>

</block>

</swiper>

_
_

1 回复

您是如何在swiper中同时可以看到三张图的呢

回到顶部