用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    981

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    2017-1-11 12:40:08 柿霖不是林 咫尺尊享 楼主 11865
    制作者:呦丶耍脾气



    [HTML] 纯文本查看 复制代码
    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();
      }
    })



    游客,如果您要查看本帖隐藏内容请回复



    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    tab分页效果
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略