twong329/view/xcx/pages/news_list/index.js

import {
    getArticleCategoryList,
    getArticleList,
    getArticleHotList,
    getArticleBannerList
} from '../../api/api.js';

const app = getApp();

Page({
    /**
     * 页面的初始数据
     */
    data: {
        parameter: {
            'navbar': '1',
            'return': '1',
            'title': '文档资讯',
            'color': false
        },
        imgUrls: [],
        articleList: [],
        indicatorDots: false,
        circular: true,
        autoplay: true,
        interval: 3000,
        duration: 500,
        navList: [],
        active: 0,
        page: 1,
        limit: 8,
        status: false,
        scrollLeft: 0
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {

    },

    getArticleHot: function () {
        var that = this;
        getArticleHotList().then(res => {
            that.setData({
                articleList: res.data
            });
        });
    },

    getArticleBanner: function () {
        var that = this;
        getArticleBannerList().then(res => {
            that.setData({
                imgUrls: res.data
            });
        });
    },

    getCidArticle: function () {
        var that = this;
        if (that.data.active == 0) return;
        var limit = that.data.limit;
        var page = that.data.page;
        var articleList = that.data.articleList;
        if (that.data.status) return;
        getArticleList(that.data.active, {
            page: page,
            limit: limit
        }).then(res => {
            var articleListNew = [];
            var len = res.data.length;
            articleListNew = articleList.concat(res.data);
            that.data.page++
            that.setData({
                articleList: articleListNew,
                status: limit > len,
                page: that.data.page,
            });
        });
    },

    getArticleCate: function () {
        var that = this;
        getArticleCategoryList().then(res => {
            that.setData({
                navList: res.data
            });
        });
    },

    tabSelect(e) {
        this.setData({
            active: e.currentTarget.dataset.id,
            scrollLeft: (e.currentTarget.dataset.id - 1) * 50
        })
        if (this.data.active == 0) this.getArticleHot();
        else {
            this.setData({
                articleList: [],
                page: 1,
                status: false
            });
            this.getCidArticle();
        }
    },
    
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        this.getArticleHot();
        this.getArticleBanner();
        this.getArticleCate();
        this.setData({
            status: false,
            page: 1,
            articleList: []
        });
        this.getCidArticle();
    },

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

    },

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

    },

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

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        this.getCidArticle();
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})