博主信息
博文 1
粉丝 0
评论 0
访问量 717
相关推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
ceshi
learn
原创
717人浏览过

const fetch = require('../../utils/fetch')


Page({

  /**

   * 页面的初始数据

   */

  data: {

    // 当前加载的分类

    category: {},

    // 此分类下的全部店铺

    shops: [],

    pageIndex: 0,

    pageSize: 20,

    hasMore: true

  },


  // 加载下一页数据

  loadMore () {

    if (!this.data.hasMore) return


    let { pageIndex, pageSize } = this.data

    const params = { _page: ++pageIndex, _limit: pageSize }

    return fetch(`categories/${this.data.category.id}/shops`, params)

      .then(res => {

        const totalCount = parseInt(res.header['X-Total-Count'])

        const hasMore = pageIndex * pageSize < totalCount

        const shops = this.data.shops.concat(res.data)

        this.setData({ shops, pageIndex, hasMore })

      })

  },


  /**

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

   */

  onLoad: function (options) {

    fetch(`categories/${options.cat}`).then(res => {

      // // 这里不能确定一定是在 onReady 过后执行

      // wx.setNavigationBarTitle({

      //   title: res.data.name

      // })


      this.setData({ category: res.data })

      wx.setNavigationBarTitle({

        title: res.data.name

      })


      // 加载完分类信息过后再去加载商铺信息

      this.loadMore()

    })

   var that = this

    console.log(options.cat)

    wx.request({

      url: `http://bef.com/index/ceshi/show?id={options.cat}`,

      data: {id:options.cat},

      header: {

        'content-type': 'application/json' // 默认值

      },

      success (res) {

        that.setData({ category: res.data })

        console.log(res)

      }

      

    })


  },


  /**

   * 生命周期函数--监听页面初次渲染完成

   */

  onReady: function () {

    if (this.data.category.name) {

      wx.setNavigationBarTitle({

        title: this.data.category.name

      })

    }

  },


  /**

   * 页面相关事件处理函数--监听用户下拉动作

   */

  onPullDownRefresh: function () {

    // 重新加载数据

    this.setData({ shops: [], pageIndex: 0, hasMore: true })

    this.loadMore().then(() => wx.stopPullDownRefresh())

  },


  /**

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

   */

  onReachBottom: function () {

    // console.log('到底了,别拉了')

    // 在这里加载下一页的数据

    // 需要判断是否正在加载,否则会有多次触发问题

    this.loadMore()

  }

})



本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
  • 2020-07-07 21:27:10
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学