更新记录

1.0.0(2020-09-04) 下载此版本

初始版本


平台兼容性

1、先将组件导入需要的页面。

需传入pulldown(刷新)和reachbottom(加载)事件,其余请查看演示代码!

<upBelow v-on:pulldown="pulldown" v-on:reachbottom="reachbottom"> </upBelow>


2、自定义刷新动画请放在插槽:slot="pulldown"内。

<view class="pulldown-loadng" slot="pulldown"> </view>


3、需要展示内容请放在插槽:slot="content"内。

<view class="pulldown-loadng" slot="content"> </view>


4、页面声明pulldown(刷新)和reachbottom(加载)函数。

  pulldown(e){
    let {stop}=e;
    console.log("触发下拉刷新");
    setTimeout(()=>{console.log("刷新成功");stop();},1000)
  },
  reachbottom(e){
    let {stop}=e;
    console.log("触发上拉加载");
    setTimeout(()=>{console.log("加载成功");stop();},1000)
  }

5、在刷新/加载完成后需要调用回调函数stop()进行告知组件已经完成。 (注意:第四点的定时器中的stop())


特点

  • 无需依赖任何第三方
  • 可自定义下拉刷新动画
  • 二次封装简单方便
  • 兼容小程序、h5、安卓。(由于ios小编无法调试,有条件的伙伴可以帮忙调试调试。谢谢!)

简单实用,喜欢的朋友帮忙点个5评。谢谢!

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问