收藏
回答

swiper和scroll-view滑动scroll,swiper一起滑动

问题模块
API和组件

功能需求:类似企鹅优选的首页,把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>



最后一次编辑于  2017-11-27  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答

  • 张新永
    张新永
    2018-01-12

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

    2018-01-12
    赞同
    回复