小程序分页1
来源:互联网 发布:nginx 访问不同目录 编辑:程序博客网 时间:2024/06/05 20:51
XML
<scroll-view class="scroll-container" upper-threshold="{{sortPanelDist}}" scroll-y="true" style="height:{{scrollHeight}}px;" bindscrolltolower="bindDownLoad"><!-- 上面的scrollHeight参数必须要的,不然没法进行下一步,我这里为了兼容手机屏幕,使用的获取系统自适应高度 --><view class="con12"> <block wx:for="{{homeList}}" wx:for-item="homeList" wx:for-index="index"> <navigator url="../home_detail/home_detail?home_id={{homeList.s_id}}"> <view class="index1-list"> <image src="{{homeList.pic_url}}" class="indeximg"> <span class="money">¥{{homeList.price}}</span> </image> <span class="cunhome-title">西厢房 · {{homeList.vil_name}}--{{homeList.s_title}}</span> <view class="describe"> {{homeList.s_desc}} </view> </view> </navigator> </block> </view><!-- 上面是循环的数据 --></scroll-view>
JS
var page = 1;// 获取数据的方法,具体怎么获取列表数据大家自行发挥var GetList = function (that) { wx.request({ url: 'https://m.xxiangfang.com/index.php/Home/Xiaoxxf/home_service', //民宿预订 data: { page: page }, header: { 'Content-Type': 'application/json' }, method: 'GET', success: function (res) { that.setData({ homeList: res.data }) page++; }, fail: function (res) { }, complete: function (res) { }, })}Page({ /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; //缓冲提醒 wx.showToast({ title: '加载中', icon: 'loading', duration: 400 }) //获取系统的参数,scrollHeight数值,微信必须要设置style:height才能监听滚动事件 wx.getSystemInfo({ success: function (res) { console.info(res.windowHeight) that.setData({ scrollHeight: res.windowHeight }) } }); }, /** * 生命周期函数--监听页面显示 */ onShow: function () { var that = this; GetList(that); //页面初次展示调用第一次数据,比如说5条记录 }, bindDownLoad: function () { // 该方法绑定了页面滑动到底部的事件,下拉一次请求一次数据 wx.showToast({ title: '加载中', icon: 'loading', duration: 400 }) var that = this; GetList(that); //页面拉一次,加载一次 },})
阅读全文
0 0
- 小程序分页1
- sql分页小程序
- PHP小程序--分页
- 小程序构成大项目之——分页显示
- 小程序构成大项目之——分页显示
- Sql Server2005学习笔记(存储过程:分页小程序)
- 分页程序
- 分页程序
- 分页程序
- 分页程序
- 分页程序
- 分页程序
- 分页程序
- 分页程序
- 练习小程序1
- 初学小程序1
- 精悍小程序1
- 简单小程序1
- 集合
- Mac 搭建本地SVN,并使用Cornerstone管理svn
- 替换字符串中的空格为$$$。要求时间复杂度为O(N)
- Spring各个组件常用注解含义(持续更新ing)
- LaTeX——命令注释
- 小程序分页1
- ubuntu上 install android studio出现unable to run mksdcard sdk tool问题解决
- gdb最全调试教程
- 未能加载文件或程序集“Oracle.DataAccess”或它的某一个依赖项。试图加载格式不正确的程序。
- 机器学习常用的Python库
- jit即时编译
- NAT基本原理及应用
- javascript动画特效 多物体运动 源代码
- 多选