court-badminton-1/pages/news/index.js

const app = getApp()
import { news_type } from '../../utils/dict';
Page({
    data: {
        frameStyle: { useTop: true, name: '资讯', leftArrow: false, useBar: true },
        tabs: {
            active: '0',
            list: [
                { title: '推荐', name: '0' },
                { title: '羽毛球', name: '1' },
            ],
        },
        list: [],
        page: 0,
        skip: 0,
        limit: 5,
        total: 0,
        typeList: news_type,
    },
    // 跳转菜单
    tabPath(e) {
        let { route } = e.detail.detail;
        if (route) wx.redirectTo({ url: `/${route}` })
    },
    // 选项卡
    tabsChange: function (e) {
        const that = this;
        that.setData({ 'tabs.active': e.detail.name });
        that.setData({ skip: 0 })
        that.setData({ page: 0 })
        that.setData({ list: [] })
        that.watchLogin()
    },
    // 详情
    toView: function (e) {
        const that = this;
        that.setData({ skip: 0 })
        that.setData({ page: 0 })
        that.setData({ list: [] })
        const { item } = e.currentTarget.dataset;
        wx.navigateTo({ url: `/pages/news/info?id=${item._id}` })
    },
    // 分页
    toPage: function () {
        const that = this;
        let list = that.data.list;
        let limit = that.data.limit;
        if (that.data.total > list.length) {
            wx.showLoading({ title: '加载中', mask: true })
            let page = that.data.page + 1;
            that.setData({ page: page })
            let skip = page * limit;
            that.setData({ skip: skip })
            that.watchLogin();
            wx.hideLoading()
        } else { wx.showToast({ title: '没有更多数据了', icon: 'none', duration: 2000 }) }
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) { },
    // 监听用户是否登录
    watchLogin: async function () {
        const that = this;
        let type = that.data.tabs.active;
        // 监听用户是否登录，
        wx.getStorage({
            key: 'user',
            success: async res => {
                let info = { skip: that.data.skip, limit: that.data.limit, type: type, is_show: '0' };
                const arr = await app.$get(`/newCourt/api/news`, { ...info });
                if (arr.errcode == '0') {
                    that.setData({ list: [...that.data.list, ...arr.data] });
                    that.setData({ total: arr.total })
                }
                else { wx.showToast({ title: `${arr.errmsg}`, icon: 'error', duration: 2000 }) }
            },
            fail: async res => {
                wx.redirectTo({ url: '/pages/index/index' })
            }
        })
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        const that = this;
        // 监听用户是否登录
        that.watchLogin();
    },

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

    },

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

    },

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

    },

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

    },

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

    }
})