微信小程序--瀑布流加载实现

最新推荐文章于 2024-08-03 05:52:51 发布

刺心疯

最新推荐文章于 2024-08-03 05:52:51 发布

阅读量1.3k

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_42363090/article/details/95488009

版权

微信小程序专栏收录该内容

121 篇文章 12 订阅 ¥69.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在微信小程序中实现瀑布流加载效果，详细讲解了wxml、wxss和js三个部分的关键实现步骤，帮助开发者掌握动态加载更多内容的技术。

摘要由CSDN通过智能技术生成

1.wxml

  <view class='collect-out'>
        <view style='display:none'>
          <image wx:for="{
  {list}}" wx:key="" id="{
  {item.id}}" src="{
  {imgHttp+item.cover_img}}" bindload="onImageLoad" mode="widthFix" class="collecting-img shadow-bottom" lazy-load="true"></image>
        </view>
      </view>
      <view class='space-between'>
        <view class="collect-out" style='float:left' wx:if="{
  {col1.length}}">
          <block wx:for="{
  {col1}}" wx:key="" wx:for-index=