van-list上只有一层父级元素div，多了可能下拉加载出不来；或者更多 <template> <div class="scholl-declarepage"> <van-list v-model="loading" :finished="finished" finished-text="没有更多 ...
分类：
其他好文 时间：
2020-08-06 19:31:04
阅读次数：
218
我们在项目中经常使用到下拉加载更多，之前要么是底部写加载按钮，要么是引入插件。今天终于有时间手写一个了，之前感觉挺麻烦，明白原理后，其实很简单... 此图片来自于网络 scrollTop：滚动视窗的高度距离window顶部的距离，它会随着往上滚动而不断增加，初始值是0，它是一个变化的值； clien ...
分类：
Web程序 时间：
2020-04-20 22:06:38
阅读次数：
80
前端经常遇到上拉加载更多的需求，一般还涉及到翻页。小程序里已经给了下拉到底的触发方法onReachBottom(),这里记录下怎样使用这个方法实现下拉加载更多，有需要的直接看代码，有详细注释： 1、首先在data里定义一下返回数据data,和翻页的页数pagenum data: { datalist ...
分类：
微信 时间：
2020-04-12 22:27:49
阅读次数：
547
实现下拉刷新，下拉加载更多，打开页面loading的效果。 首先来移除顶部的padding 使用MediaQuery.removePadding 这样就去除了。 全局loading 加一个loading变量 数据加载完成之后，loading变为false 失败了也设置为false 默认加载有一个lo ...
分类：
其他好文 时间：
2020-02-15 13:28:31
阅读次数：
67
一个项目中存在很多这种情况：父组件（页面）中的子组件需要做下拉加载更多的需求，但是这个下拉到底部的动作只能通过监控页面（父组件）来完成 这就需要父子组件之间的通信，代码如下： 1. 建立一个用于父子组件通信的工具，bus.js 2. 在父组件中监听页面的下拉，并用bus将下拉到底部时这个信号发给子组 ...
分类：
其他好文 时间：
2019-08-22 18:36:45
阅读次数：
73
注意和后端配合就行了，前端也只能把数据拼接起来！ 无论是下拉加载还是加载更多，一样的道理！ 注意首次加载传递参数 注意每次加载数据数 wxml js ...
分类：
微信 时间：
2018-12-26 14:28:40
阅读次数：
251
最近给别个公司做技术支持，要实现微信小程序上拉刷新与下拉加载更多，微信给出的接口不怎么友好，最终想实现效果类似QQ手机版 ，一共3种下拉刷新状态变化，文字+图片+背景颜色 最终实现后的效果(这里提示有个不同点就是，自定义了导航条，并且下拉的时候，自定义导航条必须固定） 小程序实现下拉加载2种方式： ...
分类：
微信 时间：
2018-11-19 15:09:01
阅读次数：
549
简单粗暴的放码 一个简单的效果 分页器效果中加下拉刷新和上拉加载功能 HTML结构： JS结构： 注意： 需要引入css和js <link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css"/><script src="j ...
分类：
其他好文 时间：
2018-10-25 10:56:52
阅读次数：
563
在开发小程序的时候接到一个需求，就是下拉加载更多数据。就像在微信聊天下拉顶部会出现数据。 在开发中有两种方式可以实现 1、利用页面自带的 上拉加载 onPullDownRefresh() 和 页面滑动事件 onPageScroll(Object) 组合 2、利用 scroll-view 去实现 因为 ...
分类：
微信 时间：
2018-08-30 20:05:56
阅读次数：
2303
1.iconfont应用: a.正常用法如下 b.react不能动态渲染iconfont标签,需如下处理,icon为形参 c.引入项目中：需要在项目中复制iconfont的地址代码,类似如下的地址，官网生成 2.排序方法 3.获取节点属性 需要给DOM节点增加ref属性 4.下拉加载更多数据事件 步 ...
分类：
其他好文 时间：
2018-05-12 16:45:56
阅读次数：
182
