微信小程序下拉加载更多 瀑布流加载

本文介绍如何在微信小程序中实现下拉加载更多的瀑布流布局,详细讲解了相关技术和步骤,帮助开发者优化用户体验。
摘要由CSDN通过智能技术生成
// pages/list/list.js

Page({

    /**

     * 页面的初始数据

     */

    data: {

        page:1,  //页码

        data:[],  //数据

        last_page:"" //最后一页(总页数) 

    },



    /**

     * 生命周期函数--监听页面加载

     */

    onLoad: function (options) {

        let that = this

// 发送请求

        wx.request({

          url: 'http://www.www.com/index.php/list',

          data:{

              pagesize:10

          },

          success(e){

// 渲染页面

            that.setData({

                data:e.data.data.data,

                last_page:e.data.data.last_page

            })

          }

        })

    },

    // 点击跳转详情

    click(e){

        let id = e.currentTarget.dataset.id;

        wx.redirectTo({

          url: '/pages/msg/msg?id='+id,

        })

    },

    /**

     * 页面上拉触底事件的处理函数

     */

    onReachBottom: function () {

        let that = this;

        // 获取下一页

        let page = that.data.page
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值