不管做App和微信小程序只要是手机端的应用都离不开下拉刷新和上拉加载,这几天刚好没事,我就把以前做项目的经验拿出来给大家分享一下
1.首选我们开启首页的下拉刷新
pages/home/home.json
{
"usingComponents": {
"prolist": "/components/prolist/prolist"
},
"enablePullDownRefresh": true, //开启下拉刷新
"backgroundColor": "#efefef",
"backgroundTextStyle": "dark"
}
- 完善相关的下拉刷新函数
pages/home/home.js
// pages/home/home.js
import { request } from './../../utils/index.js'
Page({
/**
* 页面的初始数据
*/
data: {
bannerlist: [],
prolist: [],
pageCode: 1 // 页码
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
request('/api/pro/banner').then(data => {
console.log(data)
this.setData({
bannerlist: data.data
})
})
request('/api/pro').then(data => {
consol