• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序开发 上拉加载数据

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

wxml

<view class="show" wx:for="{{ array }}" wx:key="unq">
    <image src="{{ item.image }}" class="image"></image>
    <text class="title">{{ item.name }}\n\n</text>
    <text style="font-size: 13px;" decode="{{true}}">作者:{{item.author}}&emsp;&emsp;&emsp;</text>
    <text style="font-size:13px;">类型:{{item.type}}</text>
  </view>
  <view>
    <text>数据加载中...</text>
  </view>
 
wxss
 
.show{
  height: 111px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

.image{
  width: 100px;
  height: 100px;
  border-radius: 40%;
  margin: 5px;
  float: left;
  margin-right: 10px;
}

.title{
  font-size: 15px;
  font-weight: 100;
}
 
js
 
Page({
data: {
    page: 0,
    array: [],
}
onLoad: function () {
    wx.request({
      url: \'http://www.tpone.com/index.php/day16/index/one\',
      method: \'GET\',
      success: (res)=>{
        this.setData({
          array: res.data.data
        })
      }
    })
  },
 /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    var page=this.data.page+5;
    var _this = this;
    wx.request({
      url: \'http://www.tpone.com/index.php/day16/index/one?a=\'+page,
      method: \'GET\',
      success: (res)=>{
        var old = _this.data.array;
        var newdata = res.data.data;
        var newsdata = old.concat(newdata);
        _this.setData({
          array: newsdata,
          page: page
        })
      }
    })
  }
})
看完记得关注哦!
 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
【uniapp】改善中大型uniapp小程序项目开发体验发布时间:2022-07-18
下一篇:
微信小程序入门注意发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap