开发者社区> 问答> 正文

微信小程序页面滑动的代码是什么呀?

已解决

微信小程序页面滑动的代码是什么呀?

展开
收起
游客ihzapojsw2ysk 2022-09-07 11:14:28 1808 0
1 条回答
写回答
取消 提交回答
  • 推荐回答
    <swiper indicator-dots="false" 
    autoplay="{{true}}" 
    interval="5000"
    indicator-dots="{{false}}" 
    indicator-color='#8a8a8a'
    indicator-active-color='#333 
    circular="true"
    class="swiper-block"
    bindchange="swiperChange"
    previous-margin="100rpx"
    next-margin="100rpx" 
    current="{{0}}">
    <block wx:for="{{imgUrls}}" wx:index="{{index}}" wx:key="{{index}}">
    <swiper-item class="swiper-item ">
    <image mode="aspectFill" src="{{item}}" class="slide-image {{currentIndex == index ? 'active’: 'common'}}" />
    </swiper-item>
    </block>
    </swiper>
    
    

    用swiper给一组url,微信的for循环去呈现。就看到了这里的内容,在呈现对于每一张图片做这个动作,所以会说swiper item,在滚动中每一张图片里的内容是一个具体的image,来自于给的这一组链接,这种链接里面有索引,每次拿出来指定索引的那张图片给他呈现。

    2022-09-07 12:08:40
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
技术图谱:由专家组参与技术图谱的绘制与编写,知识与实践的结合让开发者们掌握学习路线与逻辑,快速提升技能 电子书:电子书由阿里内外专家打造,供开发者们下载学习,更与课程相结合,使用户更易理解掌握课程内容 训练营:学习训练营 深入浅出,专家授课,带领开发者们快速上云 精品课程:汇集知识碎片,解决技术难题,体系化学习场景,深入浅出,易于理解 技能自测:提供免费测试,摸底自查 体验实验室:学完即练,云资源免费使用
问答排行榜
最热
最新

相关电子书

更多
5.18阿里小程序云生态及实践分享 - 阿里小程序的一云多端 立即下载
《使用Serverless服务快速开发小程序》 立即下载
《云市场-小程序》 立即下载