微信小程序下拉刷新上拉加载

1、开启下拉刷新配置

在对应页面的 xxx.json 文件中添加配置：

{ "enablePullDownRefresh": true, // 开启下拉刷新（必填） "backgroundTextStyle": "dark", // 下拉刷新文字颜色（可选，仅支持 dark/light） "backgroundColor": "#f5f5f5" // 下拉刷新背景色（可选） }

2、功能实现

xxx.wxml

<view> <block wx:for="{ {goodsList}}" wx:key="id"> <view> <view> <view>{ {item.name}}</view> <view>¥{ {item.price}}</view> </view> <view>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</view> </view> </block> </view> <!-- 上拉加载提示 -