yoshop-wechat/pages/sharing/index/index.js

const App = getApp();

Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 商品分类列表
    categoryList: [],
    // 拼团商品列表
    goodsList: [],
    // 当前的分类id (0则代表首页)
    category_id: 0,
    scrollHeight: null,
    option: {}, // 当前页面参数
    list: {}, // 商品列表数据
    no_more: false, // 没有更多数据
    isLoading: true, // 是否正在加载中
    page: 1, // 当前页码
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let _this = this;
    // Api：获取拼团首页
    _this.setListHeight();
    this.getIndexData();
  },

  /**
   * Api：获取拼团列表
   */
  getIndexData() {
    let _this = this;
    // 获取拼团首页
    App._get('sharing.index/index', {}, result => {
      _this.setData({
        categoryList: result.data.categoryList
      });
    });
    // Api：获取商品列表
    _this.getGoodsList();
  },

  /**
   * Api：切换导航栏
   */
  onSwitchTab(e) {
    let _this = this;
    // 第一步：切换当前的分类id
    _this.setData({
      category_id: e.currentTarget.dataset.id,
      goodsList: {},
      page: 1,
      no_more: false,
      isLoading: true,
    });
    // 第二步：更新当前的商品列表
    _this.getGoodsList();
  },

  /**
   * Api：获取商品列表
   */
  getGoodsList(isPage, page) {
    let _this = this;
    App._get('sharing.goods/lists', {
      page: page || 1,
      category_id: _this.data.category_id
    }, result => {
      let resList = result.data.list,
        dataList = _this.data.goodsList;
      if (isPage == true) {
        _this.setData({
          'goodsList.data': dataList.data.concat(resList.data),
          isLoading: false,
        });
      } else {
        _this.setData({
          goodsList: resList,
          isLoading: false,
        });
      }
    });
  },

  /**
   * 跳转商品详情页
   */
  onTargetGoods(e) {
    wx.navigateTo({
      url: '../goods/index?goods_id=' + e.currentTarget.dataset.id
    });
  },

  /**
   * 下拉到底加载数据
   */
  bindDownLoad() {
    // 已经是最后一页
    if (this.data.page >= this.data.goodsList.last_page) {
      this.setData({
        no_more: true
      });
      return false;
    }
    // 加载下一页列表
    this.getGoodsList(true, ++this.data.page);
  },

  /**
   * 设置商品列表高度
   */
  setListHeight() {
    let systemInfo = wx.getSystemInfoSync(),
      rpx = systemInfo.windowWidth / 750, // 计算rpx
      tapHeight = Math.floor(rpx * 98), // tap高度
      scrollHeight = systemInfo.windowHeight - tapHeight; // swiper高度
    console.log(
      systemInfo.windowHeight
    );
    this.setData({
      scrollHeight
    });
  },

  /**
   * 分享当前页面
   */
  onShareAppMessage() {
    return {
      title: '拼团首页',
      path: "/pages/sharing/index/index?" + App.getShareUrlParams()
    };
  },

  /**
   * 分享到朋友圈
   * 本接口为 Beta 版本，暂只在 Android 平台支持，详见分享到朋友圈 (Beta)
   * https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
   */
  onShareTimeline() {
    return {
      title: '拼团首页',
      path: "/pages/sharing/index/index?" + App.getShareUrlParams()
    };
  },

})