155 lines
3.3 KiB
JavaScript
155 lines
3.3 KiB
JavaScript
const App = getApp();
|
||
|
||
Page({
|
||
/**
|
||
* 页面的初始数据
|
||
*/
|
||
data: {
|
||
// 分类列表
|
||
categoryList: [],
|
||
// 文章列表
|
||
articleList: [],
|
||
// 当前的分类id (0则代表首页)
|
||
category_id: 0,
|
||
|
||
scrollHeight: null,
|
||
|
||
no_more: false, // 没有更多数据
|
||
isLoading: true, // 是否正在加载中
|
||
page: 1, // 当前页码
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面加载
|
||
*/
|
||
onLoad: function (options) {
|
||
let _this = this;
|
||
// 设置默认的分类
|
||
if (options.category_id) {
|
||
_this.setData({
|
||
category_id: options.category_id
|
||
})
|
||
}
|
||
// 设置文章列表高度
|
||
_this.setListHeight();
|
||
// Api：获取文章首页
|
||
_this.getIndexData();
|
||
},
|
||
|
||
/**
|
||
* Api：获取文章列表
|
||
*/
|
||
getIndexData() {
|
||
let _this = this;
|
||
// 获取文章首页
|
||
App._get('article/index', {}, function (result) {
|
||
_this.setData({
|
||
categoryList: result.data.categoryList
|
||
});
|
||
});
|
||
// Api：获取文章列表
|
||
_this.getArticleList();
|
||
},
|
||
|
||
/**
|
||
* Api：切换导航栏
|
||
*/
|
||
onSwitchTab: function (e) {
|
||
let _this = this;
|
||
// 第一步：切换当前的分类id
|
||
_this.setData({
|
||
category_id: e.currentTarget.dataset.id,
|
||
articleList: {},
|
||
page: 1,
|
||
no_more: false,
|
||
isLoading: true,
|
||
});
|
||
// 第二步：更新当前的文章列表
|
||
_this.getArticleList();
|
||
},
|
||
|
||
/**
|
||
* Api：获取文章列表
|
||
*/
|
||
getArticleList(isPage, page) {
|
||
let _this = this;
|
||
App._get('article/lists', {
|
||
page: page || 1,
|
||
category_id: _this.data.category_id
|
||
}, function (result) {
|
||
let resList = result.data.list,
|
||
dataList = _this.data.articleList;
|
||
if (isPage == true) {
|
||
_this.setData({
|
||
'articleList.data': dataList.data.concat(resList.data),
|
||
isLoading: false,
|
||
});
|
||
} else {
|
||
_this.setData({
|
||
articleList: resList,
|
||
isLoading: false,
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 跳转文章详情页
|
||
*/
|
||
onTargetDetail(e) {
|
||
wx.navigateTo({
|
||
url: './detail/index?article_id=' + e.currentTarget.dataset.id
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 下拉到底加载数据
|
||
*/
|
||
bindDownLoad() {
|
||
// 已经是最后一页
|
||
if (this.data.page >= this.data.articleList.last_page) {
|
||
this.setData({
|
||
no_more: true
|
||
});
|
||
return false;
|
||
}
|
||
// 加载下一页列表
|
||
this.getArticleList(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高度
|
||
this.setData({
|
||
scrollHeight
|
||
});
|
||
},
|
||
|
||
/**
|
||
* 分享当前页面
|
||
*/
|
||
onShareAppMessage() {
|
||
return {
|
||
title: '文章首页',
|
||
path: "/pages/article/index?" + App.getShareUrlParams()
|
||
};
|
||
},
|
||
|
||
/**
|
||
* 分享到朋友圈
|
||
* 本接口为 Beta 版本，暂只在 Android 平台支持，详见分享到朋友圈 (Beta)
|
||
* https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
|
||
*/
|
||
onShareTimeline() {
|
||
return {
|
||
title: '文章首页',
|
||
path: "/pages/article/index?" + App.getShareUrlParams()
|
||
};
|
||
},
|
||
|
||
}) |