AI 助理
备案控制台
开发者社区 云计算 文章 正文

小程序：下拉刷新的简单方法"enablePullDownRefresh": true

2023-11-10 145
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 小程序：下拉刷新的简单方法"enablePullDownRefresh": true

在小程序里面加上一个下拉刷新的原因是为了优化用户的体验，有时候会遇到这样的一种情况，用户的网络比较慢，那么该出现的内容就出现的很慢，如果有下拉刷新的功能，就会给人一种需要等待一下下一秒就会出现内容的感觉，而不是空白页或者这个小程序有bug之类的疑问。

其实很简单，打开app.json文件,在window里面添上这句即可。

"enablePullDownRefresh": true,


{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/user/user",
    "pages/server/server",
    "pages/site/site",
    "pages/search/search",
    "pages/bind/bind",
    "pages/state/state"
  ],
  "window": {
   "enablePullDownRefresh": true,
    "backgroundTextStyle": "dark",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "宝德汽车服务",
    "navigationBarTextStyle": "black"
  }
}
文章标签：
小程序
关键词：
小程序下拉刷新
祈澈菇凉
目录
相关文章
游客zi3qmblbcdexu
|
3月前
|
小程序
微信小程序分享功能的实现方法有两种
【8月更文挑战第19天】
游客zi3qmblbcdexu
169 3
游客4btkportwiafk
|
3月前
|
编解码 小程序
微信小程序11177版本开启控制台方法
微信小程序11177版本开启控制台方法
游客4btkportwiafk
197 1
dufadayang
|
3月前
|
缓存 小程序 数据库
小程序页面之间（传值）传递数据的方法
小程序页面之间（传值）传递数据的方法
dufadayang
179 63
sunyalei
|
2月前
|
小程序
小程序消除图片下边距的三个方法
小程序消除图片下边距的三个方法
sunyalei
46 11
邹荣乐
|
18天前
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
邹荣乐
231 0
热爱技术的小郑
|
3月前
|
小程序 JavaScript
微信小程序中的页面跳转（通过点击按钮、调用方法的形式）
这篇文章讲解了微信小程序中页面跳转的方法，包括使用按钮点击事件和调用方法实现跳转，以及推荐使用`this.pageRouter.navigateTo`代替`wx.navigateTo`的方式。
热爱技术的小郑
689 3
微信小程序中的页面跳转（通过点击按钮、调用方法的形式）
杀死一只知更鸟debug
|
2月前
|
JSON 小程序 JavaScript
微信小程序页面事件，下拉刷新事件和上拉触底事件
这篇文章介绍了微信小程序中如何实现下拉刷新和上拉触底事件，包括开启下拉刷新、配置下拉刷新样式、监听下拉刷新事件，以及监听上拉触底事件和配置上拉触底的距离。
杀死一只知更鸟debug
96 0
小王老师呀
|
3月前
|
小程序 安全
Fiddler抓取小程序后端请求导入AppScan扫描快捷方法
【8月更文挑战第26天】这是一种利用 Fiddler 捕获小程序后端请求并导入 AppScan 进行安全扫描的方法。首先安装配置 Fiddler 并设置手机代理，通过 Fiddler 捕获请求；接着导出这些请求为 .saz 文件，并在 AppScan 中导入此文件，配置扫描参数后启动扫描以检测安全漏洞。操作时需确保有合法授权并遵循相关法规。尽管不同版本软件操作细节可能有所不同，但整体流程类似。
小王老师呀
116 1
游客zi3qmblbcdexu
|
3月前
|
小程序 JavaScript API
小程序实现分享的三种方法
【8月更文挑战第20天】
游客zi3qmblbcdexu
348 0
阿超很棒
|
4月前
|
小程序
微信小程序APPID的两种查看方法
查看微信小程序APPID的两种方法：1) 在小程序内点击右上角“...”，进入查看页面，点击“更多资料”查看；2) 登录微信公众平台([https://mp.weixin.qq.com/](https://mp.weixin.qq.com/))，进入【设置】查看“账号信息”。
阿超很棒
2578 1

热门文章

最新文章

  • 1
    阿里20亿小程序繁星计划你最需要知道的几个问题（0325更新）
  • 2
    小程序审核常见驳回类型
  • 3
    微信小程序把玩(三)tabBar底部导航
  • 4
    微信小程序页面之间的传值
  • 5
    微信小程序获取input值的方法
  • 6
    微信小程序把玩（十四）button组件
  • 7
    【视频教程】微信小程序开发-初探篇
  • 8
    【开题报告】基于微信小程序的电子产品商城的设计与实现
  • 9
    【微信小程序登录错误】"code":-1,"error":"ERR_GET_SESSION_KEY\n{\"code\":0,\"message\":\"\",\"codeDesc\":\"Succe
  • 10
    微信小程序新增推广功能，支持自定义关键词
  • 1
    小程序和vue写法的区别
    50
  • 2
    小程序和页面生命周期详解
    48
  • 3
    小程序；vue；uniapp优缺点（各5条）
    128
  • 4
    UniApp与微信小程序介绍及区别
    546
  • 5
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
    511
  • 6
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（一）
    265
  • 7
    轻松学会微信小程序开发（一）
    208
  • 8
    使用阿里云短信+微信短链接跳转微信小程序
    441
  • 9
    【专栏】小程序图片合成就绪渲染的转变，从异步并发渲染到同步阻塞渲染
    86
  • 10
    微信小程序开发1
    133

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 《云市场-小程序》
  • 数字乡村建设方案
  • mPaaS 小程序新品发布

    • 相关实验场景

    更多
  • 1分钟SAE部署PHP商城小程序
  • 阿里云IoT小程序应用开发和组件实践
  • 搭建IoT小程序开发环境，创建一个应用
  • EMAS Serverless搭建《私人云相册》小程序
  • 基于小程序Serverless开发个人相册小程序
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月