twong329/view/xcx/pages/goods_cate/goods_cate.js

import {
    getCategoryList
} from '../../api/store.js';

const app = getApp();

Page({
    /**
     * 页面的初始数据
     */
    data: {
        navlist: [],
        productList: [],
        navActive: 0,
        parameter: {
            'navbar': '1',
            'return': '0',
            'title': '产品分类'
        },
        navH: "",
        number: ""
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (res) {
        this.getAllCategory();
    },

    infoScroll: function () {
        let that = this;
        let len = that.data.productList.length;
        that.setData({
            navH: app.globalData.navHeight,
            number: that.data.productList[len - 1].children.length
        })
        //设置商品列表高度
        wx.getSystemInfo({
            success: function (res) {
                that.setData({
                    height: (res.windowHeight) * (750 / res.windowWidth) - 98 - app.globalData.navHeight
                    //res.windowHeight:获取整个窗口高度为px，*2为rpx；98为头部占据的高度；
                })
            },
        });
        var height = 0;
        var hightArr = [];
        for (var i = 0; i < len; i++) { //productList
            //获取元素所在位置
            var query = wx.createSelectorQuery().in(this);
            var idView = "#b" + i;
            query.select(idView).boundingClientRect();
            query.exec(function (res) {
                var top = res[0].top;
                hightArr.push(top);
                that.setData({
                    hightArr: hightArr
                });
            });
        };
    },

    tap: function (e) {
        var id = e.currentTarget.dataset.id;
        var index = e.currentTarget.dataset.index;
        this.setData({
            toView: id,
            navActive: index
        });
    },

    getAllCategory: function () {
        var that = this;
        getCategoryList().then(res => {
            that.setData({
                productList: res.data
            });
            that.infoScroll();
        })
    },

    scroll: function (e) {
        var scrollTop = e.detail.scrollTop;
        var scrollArr = this.data.hightArr;
        for (var i = 0; i < scrollArr.length; i++) {
            if (scrollTop >= 0 && scrollTop < scrollArr[1] - scrollArr[0]) {
                this.setData({
                    navActive: 0,
                    lastActive: 0
                })
            } else if (scrollTop >= scrollArr[i] - scrollArr[0] && scrollTop < scrollArr[i + 1] - scrollArr[0]) {
                this.setData({
                    navActive: i
                })
            } else if (scrollTop >= scrollArr[scrollArr.length - 1] - scrollArr[0]) {
                this.setData({
                    navActive: scrollArr.length - 1
                })
            }
        }
    },

    searchSubmitValue: function (e) {
        if (e.detail.value.length > 0)
            wx.navigateTo({
                url: '/pages/goods_list/goods_list?searchValue=' + e.detail.value
            })
        else
            return app.Tips({
                title: '请填写要搜索的产品信息'
            });
    },

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

    },
    
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

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

    },

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

    },

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

    }
})