142 lines
3.1 KiB
JavaScript
142 lines
3.1 KiB
JavaScript
/*
|
|
* 手太欠
|
|
* 愿这世界都如故事里一样 美好而动人~
|
|
*/
|
|
|
|
Page({
|
|
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
scrollLeft : '', // 商品分类
|
|
bannerArr : [], // 轮播信息
|
|
categorieArr: [], // 分类信息
|
|
goodsArr : [], // 商品信息
|
|
articlesArr : [], // 公告列表
|
|
page : {}, // 分页信息
|
|
lodingStats : false,// 加载状态
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad(options) {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow() {
|
|
// 获取banner信息
|
|
this.bannerInfo();
|
|
|
|
// 获取商品分类
|
|
this.categorieInfo();
|
|
|
|
// 获取商品列表
|
|
this.goodsInfo();
|
|
|
|
// 获取公告列表
|
|
this.articlesInfo();
|
|
},
|
|
|
|
/**
|
|
* banner信息
|
|
*/
|
|
bannerInfo() {
|
|
wx.$api.mall.Banner().then(res => {
|
|
this.setData({
|
|
bannerArr: res.data
|
|
})
|
|
}).catch(err =>{
|
|
|
|
})
|
|
},
|
|
|
|
/**
|
|
* 商品分类信息
|
|
*/
|
|
categorieInfo() {
|
|
wx.$api.mall.Categorie().then(res => {
|
|
this.setData({
|
|
categorieArr: res.data
|
|
})
|
|
}).catch(err =>{
|
|
|
|
})
|
|
},
|
|
|
|
/**
|
|
* 商品列表信息
|
|
*/
|
|
goodsInfo(page) {
|
|
wx.$api.mall.Goods({
|
|
page : page || 1
|
|
}).then(res => {
|
|
let listArr = this.data.goodsArr,
|
|
newData = []
|
|
if(page == 1 || page == undefined) listArr = []
|
|
newData = listArr.concat(res.data.data)
|
|
this.setData({
|
|
goodsArr : newData,
|
|
page : res.data.page,
|
|
lodingStats : false
|
|
})
|
|
wx.stopPullDownRefresh()
|
|
}).catch(err =>{
|
|
|
|
})
|
|
},
|
|
|
|
/**
|
|
* 获取公告列表
|
|
*/
|
|
articlesInfo() {
|
|
wx.$api.mall.articles().then(res => {
|
|
this.setData({
|
|
articlesArr: res.data.data
|
|
})
|
|
console.log(res)
|
|
}).catch(err =>{})
|
|
},
|
|
|
|
/**
|
|
* 分类选择
|
|
*/
|
|
tabsTap(e) {
|
|
let newOffsetLeft = e.currentTarget.offsetLeft,
|
|
newScrollLeft = ''
|
|
if(newOffsetLeft < 270) {
|
|
newScrollLeft = 0
|
|
} else {
|
|
newScrollLeft = newOffsetLeft - this.data.scrollViewWidth / 2 + 40
|
|
}
|
|
this.setData({
|
|
scrollLeft: newScrollLeft,
|
|
categoryId: e.currentTarget.dataset.id
|
|
})
|
|
},
|
|
|
|
/**
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
*/
|
|
onPullDownRefresh() {
|
|
// 获取商品列表
|
|
this.goodsInfo();
|
|
},
|
|
|
|
/**
|
|
* 上拉加载
|
|
*/
|
|
onReachBottom(){
|
|
this.setData({
|
|
lodingStats: true
|
|
})
|
|
let pageNumber = this.data.page.current
|
|
if(this.data.page.has_more){
|
|
pageNumber++
|
|
// 获取商品列表
|
|
this.goodsInfo(pageNumber);
|
|
}
|
|
}
|
|
}) |