首先要在json文件里设置窗属性
设置js里onPullDownRefresh和onReachBottom方法
下拉加载说明:
当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
onPullDownRefresh () {
console.log(' - - - - - - - - - -下拉刷新- - - - - - -”)
wx.showNavigationBarLoading()//在标题栏中显示加载
wx.request ({
url:“https://URL”,
数据:{},
方法:“得到”,//选择,,,,,删除、跟踪,连接//标题:{},//设置请求的头
成功:函数(res) {//成功
},
失败:函数(){//失败
},
完成:函数(){//完成
wx.hideNavigationBarLoading()//完成停止加载
wx.stopPullDownRefresh()//停止下拉刷新
}
})
<强> index.wxml
& lt; !——index.wxml祝辞
& lt;视图类=叭萜鳌北?
& lt; !——垂直滚动,这里必须设置高度——比;
& lt;滚动视图scroll-top=" {{scrollTop}}”scroll-y=" true "
类="列表" bindscrolltolower=" bindDownLoad " bindscrolltoupper=皌opLoad bindscroll”=肮龆北?
& lt;视图类=跋钅俊钡奶炱?为=皗{列表}}”比;
& lt;图像类=癷mg src=" https://www.yisu.com/zixun/{{item.pic_url}}”祝辞& lt;/image>
& lt;视图类=拔谋尽北?
& lt;文本类="标题"在{{item.name}} & lt;/text>
& lt;文本类="描述"在{{item.short_description}} & lt;/text>
& lt;/view>
& lt;/view>
& lt;/scroll-view>
& lt;视图类=叭馓謇砺邸痹?
& lt;加载隐藏="{{隐藏}}" bindchange=發oadingChange”比;
加载中……
& lt;/loading>
& lt;/view>
& lt;/view>
<强> index.js
var url=" http://www.imooc.com/course/ajaxlist ";
var页面=0;
var页大?5;
var类型=白詈蟆?
var is_easy=0;
var lange_id=0;
var pos_id=0;
var忘却=0;//请求数据& lt; br>var loadMore=function () {
that.setData ({
隐藏:假
}）；
wx.request ({
url: url, & lt; br>数据:{
页:页面,
页大小:页大小,
排序:排序,
is_easy: is_easy,
lange_id: lange_id,
pos_id: pos_id,
忘却,忘却
},
成功:函数(res) {//console.info (that.data.list);
var=that.data.list列表;
(var=0;我& lt;res.data.list.length;我+ +){
list.push (res.data.list[我]);
}
that.setData ({
列表:
}）；
页+ +;
that.setData ({
隐藏:真
}）；
}
}）；
}
页面({
数据:{
隐藏:没错,
列表:[],
scrollTop: 0,
scrollHeight: 0
},>/* * index.wxss * */.userinfo {
显示:flex;
flex-direction:列;
对齐项目:中心;
}
.userinfo-avatar {
宽度:128 rpx;
身高:128 rpx;
保证金:20 rpx;
这个特性:50%;
}
.userinfo-nickname {
颜色:# aaa级;
}
.usermotto {
margin-top: 200 px;
}/* */滚动视图{
宽度:100%;
}
.item {
宽度:90%;
身高:300 rpx;
保证金:20 rpx汽车;
背景:棕色;
溢出:隐藏;
}
.item img {
宽度:430 rpx;
margin-right: 20 rpx;
浮:左;
}
.title {
字体大小:30 rpx;
显示:块;
保证金:30 rpx汽车;
}
.description {
字体大小:26 rpx;
行高:15 rpx;
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
