var gid=0;//具体分页逻辑请根据自己的项目来写哦,这里都是直接固定数据串测试的
Page({
data: {
hotActivity: {
start: 0,
hasMore: true,
list: []
},
hotVillage: {
start: 0,
hasMore: true,
list: []
},
pageTab: {
curHdIndex: 0,
curBdIndex: 0
},
},
//点击导航
pageHdtap: function (e) {
//点击子元素
var _datasetId = e.target.dataset.id;
var _leftObj = {};
_leftObj.curHdIndex = _datasetId;
_leftObj.curBdIndex = _datasetId;
this.setData({
pageTab: _leftObj
});
if (_datasetId == 1) {
gid=0;
//初始化热门乡村第一页数据
this.hotVillageLoadMore();
}
},
hotActivityLoadMore: function (e) {
console.log("----")
var that = this;
if (that.data.hotActivity.hasMore == true) {
var list = [
{
id: ++gid,
icon: 'http://img3.imgtn.bdimg.com/it/u=342313828,3630741869&fm=21&gp=0.jpg',
title: '1111'
},
{
id: ++gid,
icon: 'http://img4.imgtn.bdimg.com/it/u=2065190685,2426927435&fm=21&gp=0.jpg',
title: '222'
},
{
id: ++gid,
icon: 'http://img5.imgtn.bdimg.com/it/u=3038437850,187741563&fm=23&gp=0.jpg',
title: '333'
},
{
id: ++gid,
icon: 'http://img5.imgtn.bdimg.com/it/u=1378185923,2542053582&fm=21&gp=0.jpg',
title: '444'
},
{
id: ++gid,
icon: 'http://img4.imgtn.bdimg.com/it/u=1088058652,4085646574&fm=23&gp=0.jpg',
title: '555'
}
];
var newData = that.data.hotActivity.list;
newData = newData.concat(list);
var newList = {};
newList.start = 6;//这个服务器返回,现在是固定数据测试
newList.hasMore = true;//这个服务器返回,现在是固定数据测试
newList.list = newData;
that.setData({ hotActivity: newList });
console.log(that.data.hotActivity)
}
},
hotVillageLoadMore: function (e) {
var that = this;
if (that.data.hotVillage.hasMore == true) {
var list = [
{
id: ++gid,
icon: 'http://img4.imgtn.bdimg.com/it/u=1088058652,4085646574&fm=23&gp=0.jpg',
title: '1111'
},
{
id: ++gid,
icon: 'http://img1.imgtn.bdimg.com/it/u=122231395,3709886574&fm=21&gp=0.jpg',
title: '222'
},
{
id: ++gid,
icon: 'http://img4.imgtn.bdimg.com/it/u=2065190685,2426927435&fm=21&gp=0.jpg',
title: '333'
},
{
id: ++gid,
icon: 'http://img4.imgtn.bdimg.com/it/u=4178115592,1070031304&fm=21&gp=0.jpg',
title: '444'
},
{
id: ++gid,
icon: 'http://img2.imgtn.bdimg.com/it/u=2319161872,3820651730&fm=21&gp=0.jpg',
title: '555'
}
];
var newData = that.data.hotVillage.list;
newData = newData.concat(list);
var newList = {};
newList.start = 6;//这个服务器返回,现在是固定数据测试
newList.hasMore = true;//这个服务器返回,现在是固定数据测试
newList.list = newData;
that.setData({ hotVillage: newList });
}
},
onLoad: function (options) {
//初始话热门活动第一页数据
this.hotActivityLoadMore();
//this.hotVillageLoadMore();
}
})
微信小程序tab分页demo
5星 · 超过95%的资源 需积分: 45 7 浏览量
2016-12-22
15:46:47
上传
评论
收藏 6KB RAR 举报
草灯
- 粉丝: 149
- 资源: 14
最新资源
- 基于python实现的基于PyQt5和爬虫的小说阅读系统.zip
- 机械设计整经机上纱自动化sw20非常好的设计图纸100%好用.zip
- Screenshot_20240427_031602.jpg
- 网页PDF_2024年04月26日 23-46-14_QQ浏览器网页保存_QQ浏览器转格式(6).docx
- 直接插入排序,冒泡排序,直接选择排序.zip
- 在排序2的基础上,再次对快排进行优化,其次增加快排非递归,归并排序,归并排序非递归版.zip
- 实现了7种排序算法.三种复杂度排序.三种nlogn复杂度排序(堆排序,归并排序,快速排序)一种线性复杂度的排序.zip
- 冒泡排序 直接选择排序 直接插入排序 随机快速排序 归并排序 堆排序.zip
- 课设-内部排序算法比较 包括冒泡排序、直接插入排序、简单选择排序、快速排序、希尔排序、归并排序和堆排序.zip
- Python排序算法.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
- 1
- 2
前往页