小程序笔记—下拉刷新三个点

最新推荐文章于 2024-06-13 10:48:43 发布
最新推荐文章于 2024-06-13 10:48:43 发布
阅读量2.5k 收藏
点赞数
分类专栏： 小程序笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WeiHan_Seven/article/details/104278657
版权

小程序下拉刷新可以自带三个点，但并不能自动显示出来，原因有两点：
一是因为enablePullDownRefresh默认为false
二是因为点的颜色默认为白色与背景颜色重叠
如图：在这里插入图片描述
若要显示并使用，需要在配置文件window内添加

"backgroundColor":"#ed3ed3", //window背景颜色
"backgroundTextStyle": "light", //三个点的颜色，只支持lignt和dark
"enablePullDownRefresh":true  //允许下拉刷新

刷新动作监听通过onPullDownRefresh方法监听
当刷新完数据可调用wx.stopPullDownRefresh()隐藏刷新动画

在这里插入图片描述

玩烂小程序
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序（三个小点）颜色显示问题
kerryqpw的博客
01-17 1万+
微信小程序（三个小点）颜色显示问题修改加载图标的默认颜色在已经添加下拉刷新页面对应的json文件中添加"backgroundTextStyle": "dark"
小程序学习笔记.pdf
09-11
自己整理的微信小程序学习笔记：根据官方文档总结的一套便于阅读 的笔记，图文并茂，很容易理解，供学习参考使用。
微信小程序中下拉刷新和数据绑定的一些小坑
03-29
前言 最近10几天都在学习小程序的开发，遇到了一些问题和笔记有趣的东西，今天总结了一下，和大家分享 1.小程序中的template模块使用 在一个月黑风高的夜晚，我突然发现一个很有意思的东西，那就是template模块，它可以将你定义的一个HTML5模块包住，然后利用template，在你的小程序任意一个页面使用，这样极大的减少了程序中的复制-粘贴，复制-粘贴(一般用于需要循环使用的界面)。下面就用我自己的一个template模块来讲解下。 第一步：创建页面 在pages里面创建存储你template模块的页面，便于其他页面对其的引用 "pages/index/index", "pages/f
uniapp 自定义修改下拉刷新
最新发布
weixin_44788872的博客
06-13 447
"onReachBottomDistance":50, "app-plus": { "pullToRefresh": { "support": true, "color": "#ff5500", "height": "100px", "range": "100px", "style": "default", "offset": "100px"
关于微信小程序下拉刷新组件加载图片（三个小点）不显示的问题
热门推荐
纸上得来终觉浅，绝知此事要躬行
07-31 2万+
前话 相信大家在开发微信小程序的时候都有遇到过这样一个问题，为什么我在下拉刷新的时候没有任何加载中的图标显示，但其他人的会有三个黑色的点点呢？ 以下为没有显示任何加载图标的下拉刷新样式 以下为有显示加载图标的下拉刷新样式 原因分析 为什么为显示不出来那三个点呢？其实那三个点一直都是存在的，但是，由于那三个点的默认颜色为白色，而当前背景颜色也是白色，那么
关于微信小程序下拉出现三个小点
weixin_30216561的博客
02-08 1399
包子这天看美团外卖的小程序，再瞅瞅自己的背景色，发现，美团下拉的时候有三个小点，但是我自己的校车徐下拉的时候没有三个小点，很是郁闷，于是各种的找各种的找，发现，这三个小点是微信小程序自带的，你只需要设置一下全局的背景色就ok了，设置全局的背景色在app.json里面设置就行，记住，是设置这个属性backgroundColor，不是这个属性：navigationBarBackgroundColor。...
微信小程序下拉刷新组件加载图片(三个小点)不显示的问题
代码小疯子
10-10 1495
问题是 微信小程序中 列表页面下拉刷新 ，顶部不显示三个小点的刷新状态 解决后： 核心： 完整的 1.2 然后在页面对应的js中 处理 onPullDownRefresh 函数 本次分享使用的网络请求框架为 fly 框架，会在近期给大家分享 完毕
小程序下拉刷新加载显示三个点
啊啊啊啊2
09-12 1997
注意：当你发现你设置了所有改设置的后，下拉刷新还是不能使用的话就去找找你的代码是不是存在俩个下拉刷新的方法json文件夹需要刷新的数据效果图...
微信小程序实现下拉刷新以及三点动画
青衫折扇的博客
06-24 3629
先来看效果 以上就是本次实现效果 我们主要配置两个文件就可以了,因为这是微信自己封装的刷新,很方便也很简单,不过限制也很多,可能有时候效果达不到我们的需求,那样我们自己就需要自定义封装一个了,这里只简单说一下微信的下拉刷新的使用 json { "enablePullDownRefresh": true, "backgroundTextStyle": "dark", } enablePllDownRefresh是下拉刷新功能 backgroundTextStyle是三点动画效
小程序源码 云笔记 (代码+截图)
06-19
小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+截图)小程序源码 云笔记 (代码+...
云笔记小程序实现.zip
04-14
云笔记, 是基于[HotApp小程序统计云后台](https://weixin.hotapp.cn)提供的api接口开发的一个微信小程序 ***HotApp云笔记，基于HotApp小程序统计云后台 ***免费云后台申请地址 https://weixin.hotapp.cn/cloud ***...
小程序笔记.小程序笔记
06-29
小程序笔记.小程序笔记
微信小程序 五 下拉刷新
国苏
06-04 983
微信小程序提供了原声的下拉刷新，三个小点的下拉刷新。 在.json 中写 { "enablePullDownRefresh": true, //开启下拉刷新 "backgroundTextStyle": "dark" //设置小点为深色 } 在.js中写 onPullDownRefresh:function(){ console.log('---刷新'); wx.stop
微信小程序下拉刷新
weixin_44590591的博客
05-06 191
微信小程序下拉刷新 在小程序中，我可能会有这样的需求，产品要求某个页面可以下拉刷新 注：小程序中，页面下拉默认是禁止的，需要在文档的中设置可下拉操作 所有页面都支持下拉： app.json 全局配置文件app.json //app.json "window": { "backgroundTextStyle": "dark",//下拉时可以显示三个小点 "enablePullDownRefresh":true }, 某个页面支持下拉 需要下拉的页面 demo.json //json
小程序开发——默认的下拉小圆点
菜鸟历程
12-10 1113
小程序系统提供了下拉刷新时的动画，有三个小圆点。但是有时候我们发现不见了。 其实它一直都在，只是因为你的页面的背景色和白色很相近甚至相同，而小程序小圆点默认的颜色就是白色，所以看不见 注意以下三点： 在需要下拉的页面的 .json 文件添加 “enablePullDownRefresh”: true 。 如果你的页面的背景色和白色相差明显，那么你下拉时就已经可以看见小圆点了；如果你的页面的背景色...
用户dsn保存位置‘_‘信息引导超全总结，让你的设计有理有据
weixin_39944074的博客
12-01 201
该干货2.7k文字，需要7分钟时间品尝。上一篇讲了信息引导的策略层：可切入的场景和机制(有兴趣的点击看下)。这篇就总结一下表现层的内容：有哪些引导形式？适用什么场景下？如何优化这些引导？让各位在界面输出时，能更清晰地理解信息的引导。按照‘是否会干扰用户’的维度，我将信息引导分为两类：干扰型和不干扰型。下面我们直接进入主题： Part 1：不会干扰用户操作的引导 不会对用户的当前...
你想知道的前端灰度方案都在这了
梅花寺
11-10 449
字符集（Character set）是多个字符的集合，并且每个字符都拥有唯一的编号（即码点，Code Point）。ASCII字符集、GB2312字符集、BIG5字符集、GB18030字符集、Unicode字符集等。在没有计算机之前，大部分信息以文本的形式存在，那么如何将文本存储到计算机中呢？我们知道，在计算机中是通过二进制值来表示信息的，每个二进制位（bit）都有0和1两种状态。而计算机中存储的最小单位就是字节（Byte），由 8 个二进制位组成，那么就可以表示 2^8=256 种状态。
小程序下拉显示3个点
webZRH的博客
08-11 3512
json文件配置 { "backgroundTextStyle": "dark", "backgroundColor": "#eeeeee", "enablePullDownRefresh":true }   js刷新停止 onPullDownRefresh(){ setTimeout(() => { wx.stopPullDownRefresh(); //停止下拉元点 ..
"2022年微信小程序开发教程笔记及全面概述
字面上讲，小程序就是微信里面的应用程序，外部代码通过小程序这种形式，在微信这个手机 App 里面运行。但是，更准确的说法是， 小程序可以视为只能用微信打开和浏览的网站。 小程序和网页的技术模型是一样的，用到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玩烂小程序

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值