【微信小程序插件】下拉刷新、下拉加载

已于 2023-09-08 08:51:23 修改
阅读量946 收藏 4
点赞数 1
分类专栏： 工具 前端开发知识 文章标签： 微信小程序 小程序 插件
于 2023-06-09 14:01:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39335404/article/details/131125620
版权

文章目录

一、概述

今天在优化小程序的列表时候，想要把原生的 scroll-view 组件替换成一个下拉刷新的组件，然后就找了一下，果然有大神已经封装好。coolui-scroller 就是这样满足需求的一款插件，但是微信官网给出的描述以及安装引入的方式，会造成依赖安装失败，报错：构建npm提示错误，未找到[1.06.2209190][win32-x64]？。

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
个人博客地址

了解本专栏 订阅专栏 解锁全文 超级会员免费看
MagnumHou
关注
专栏目录
订阅专栏
小白学习微信小程序的下拉刷新和上拉加载更多
wx_linying1029的博客
08-12 561
下拉刷新和上拉加载更多内容是微信小程序中常见的功能之一，本文将详细介绍如何使用代码实现这两个功能。下拉刷新通常用于在页面顶部下拉时刷新页面内容，而上拉加载更多用于在页面底部上拉时加载更多内容。这两个功能可以通过微信小程序提供的相关 API 来实现。
小程序 coolui-scroller 下拉刷新 上拉加载 组件 使用 以及遇到的一些坑
一条小绵羊的博客
04-21 1377
小程序 coolui-scroller 下拉刷新 上拉加载 组件 使用 以及遇到的一些坑
微信小程序下拉刷新组件
01-17
自己做的小程序下拉组件，有两种下拉样式，根据要求返回各种值,参数说明见页面 自己做的小程序下拉组件，有两种下拉样式，根据要求返回各种值,参数说明见页面
微信小程序之下拉加载
weixin_42790916的博客
10-11 372
因为下拉加载这个功能 估计很多页面都需要 所以最好的做法就是直接封装起来 随调随用 在写一个es6的简便的赋值语句 let{bianling1,bianliang2}=this.data 前提是data中有变量一 变量二 这个用法可用于验证表单填写的有没有空值 还可以用于别的地方 loadMore() { // page是关注页面的当前页，pagesize每页的条数 let ...
微信小程序下拉加载数据
努力搬砖的小码
10-21 422
微信小程序下拉加载数据
微信小程序 下拉加载
onion_line的博客
02-17 468
图片效果： 1.在需要下拉加载的页面json文件 { "usingComponents": {}, "enablePullDownRefresh": true, "backgroundTextStyle": "dark" } 2.页面js onPullDownRefresh: function () { wx.showNavigati...
微信小程序-下拉加载
weixin_43843679的博客
08-21 164
下面展示一些 内联代码片。 /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { var that = this console.log("下拉"); wx.showNavigationBarLoading() //在标题栏中显示加载 this.data.pageNum = ...
微信小程序 - 下拉刷新，tab切换源码.zip
最新发布
05-03
本压缩包中的资源聚焦于两个关键功能：下拉刷新和Tab切换，这些都是微信小程序开发中常见的交互设计。 一、下拉刷新（Pull-to-Refresh） 下拉刷新是移动应用中常见的用户界面功能，它允许用户通过在屏幕顶部向下...
微信小程序筛选插件，下拉筛选插件
04-19
微信小程序筛选插件是一种在微信小程序中实现类似美团搜索筛选功能的组件，它允许用户通过下拉菜单选择不同的条件来过滤和查找所需的信息。这种插件通常包含一系列可配置的选项，用户可以根据需要定制筛选项，提高...
微信小程序scroll-view下拉刷新(附带下拉刷新效果)
11-19
微信小程序scroll-view下拉刷新(附带下拉刷新效果) 使用说明 https://blog.csdn.net/u012308481/article/details/102619511
微信小程序例子 下拉加载更多
11-08
可以支持下拉加载，通过接口接收自己的后台的数据
微信小程序，使用scroll-view实现下拉加载更多（下一页）源码
08-05
微信小程序，使用scroll-view实现下拉加载更多（下一页）源码。 可查看文章:http://blog.csdn.net/dKnightL/article/details/76724205
微信小程序下拉刷新上拉加载组件
01-27
Coolui Scroll v2.0 上拉加载下拉刷新 v2.0 版 上传至npm包可安装下载并npm构建 修改参数配置使组件使用更便捷 增加加载插槽可以自定义加载更多样式 前言 基于小程序原生组件scroll-view的扩展与封装,实现简单的上拉加载下拉刷新 扩展下拉刷新动画，有灵感的朋友可以丰富更多下拉动画 在线征集 在线征集下拉刷新动画创意,你可以发草图,或者psd,AE等文件到邮箱：. 只要想法合理立马安排demo~ 演示片段 npm 安装 安装之后开发者工具点击npm构建 npm i coolui-scroller --production 引入 在app.json或index.json中引入组件 "usingComponents": { "coolui-scroll": "coolui-scroller/index", } 示例图片 基础用法 更新日志 基础用法代码演示 页
小程序基于scroll-view上拉加载下拉刷新组件.zip
10-18
小程序基于sroll-view 上拉加载 下拉刷新组件，解决scroll-view不能触发页面下拉刷新问题 新的添加了下拉刷新的效果，请访问 https://blog.csdn.net/u012308481/article/details/102619511
微信小程序万能下拉刷新(官方样式)组件
abs625的博客
05-21 8279
微信小程序万能下拉刷新组件前言思路实现步骤定义组件具体实现js代码实现布局实现样式使用页面json配置页面布局js实现动态宽高度，充满屏幕应用 前言 微信小程序(后面统称小程序)在page中已经自带下拉刷新功能，只需要在json文件中开启配置就可以便捷使用下拉刷新功能。但是在开发场景中下拉刷新的使用频次是很高的，有时候不止要在page层级实现下拉刷新功能。那么我们想对任意的view都能实现下拉刷新可以实现么？答案是：yes！ 思路 通过查阅官方API文档，发现scroll-view在最低版本为2.10.1可
微信小程序--开启下拉刷新页面
weixin_53676834的博客
03-15 2824
细节二：在页面加载完毕前，应该添加一个wx.showLoading()提示用户正在加载，网络请求完成后，就关闭这个加载动作。距离底部多少的时候触发我们的触底事件 默认是50px。细节三：如果网络请求失败呢？第一步：在.json文件中开启下拉刷新。第二步：在.js配置文件中找到。
小程序最强下拉刷新组件，下拉刷新这篇就够了
前端人公众号作者
08-17 3343
❝ 骑着我心爱的小摩托，每天一篇技术文章，今天是：2020年08月16日，鬼哥和你一起学技术 ❞ ❝ Coolui Scroll基于小程序原生组件scroll-view的上拉加载下拉刷，功能强大，文档清晰，基本满足了大部分小程序下拉刷新场景需求。一起看案例。 ❞ 前言 基于小程序原生组件scroll-view的扩展与封装,实现简单的上拉加载下拉刷新 扩展下拉刷新动画，有灵感的朋友可以丰富更多下拉动画 演示Demo https://developers.weixin.qq.com/s/6d3Mj..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

MagnumHou

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

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

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

打赏作者

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

抵扣说明：

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

余额充值