wxhuanart/miniprogram/pages/goods/category/index.ts

import GoodApi from '../../../services/good'
import Navi from '../../../utils/navi'

// pages/goods/category/index.ts
Page({
  /**
   * 页面的初始数据
   */
  data: {
    pageTitle: '栏目',
    data: [] as any[],
    scrollMaxHeight: 0,
    active: 0,
    advs: [],
    albums: [],
    columnSize: '',
    loading: true,
    isText: false,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    GoodApi.GetCateList().then((rsp) => {
      if (rsp.result && rsp.result.length > 0) {
        const tab = rsp.result[this.data.active]
        this.setData({
          data: rsp.result,
          isText: tab.isText,
          advs: tab.advs || [],
          albums: tab.children || [],
          columnSize: tab.columns,
          loading: false,
        })
      }
    })

    wx.createSelectorQuery()
      .in(this)
      .select('.scroll-wrap')
      .boundingClientRect((rect) => {
        this.setData({
          scrollMaxHeight: rect.height - 48,
        })
      })
      .exec()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getTabBar().init()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {},

  onGoBack() {
    Navi.switchTab({
      url: '/pages/index/index',
    })
  },

  onGoSearch() {
    Navi.navigateTo({
      url: '/pages/search/search?from=cate',
    })
  },

  onSidebarChange(e: SidebarChangeEvent) {
    const tab = this.data.data[e.detail.current]
    this.setData({
      active: e.detail.current,
      advs: tab.advs || [],
      albums: tab.children || [],
      columnSize: tab.columns,
      isText: tab.isText,
    })

    console.log(
      `repeat(${tab.columns}, calc(${100 / tab.columns}%${tab.columns > 1 ? '- 15rpx' : ''}))`,
    )
  },

  gotoDetail(e: WechatMiniprogram.CustomEvent<{}, {}, { value: number }>) {
    const cateid = e.target.dataset.value
    Navi.navigateTo({
      url: `/pages/goods/list/index?cate=${cateid}`,
    })
  },
  gotoAdvtag(e: WechatMiniprogram.CustomEvent<{}, {}, { tagid: string }>) {
    Navi.navigateTo({
      url: '/pages/advtag/index?tag=' + e.currentTarget.dataset.tagid,
    })
  },
})