微信小程序长列表组件recycle-view的用法（scroll-view组件不适用于加载大量分页数据，加载到几十页的时候会出现白屏）

背景

使用此组件需要依赖小程序基础库 2.2.2 版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。
目前小程序会有不少的应用场景里会用到无限长列表的交互，当一个页面展示很多信息的时候，会造成小程序页面的卡顿以及白屏。因此就有长列表组件来解决这些问题。

1. 安装组件

npm install --save miniprogram-recycle-view

2. 在页面的 json 配置文件中添加 recycle-view 和 recycle-item 自定义组件的配置

{
  "usingComponents": {
    "recycle-view": "miniprogram-recycle-view/recycle-view",         
    "recycle-item": "miniprogram-recycle-view/recycle-item"
  }
}

3. WXML 文件中引用 recycle-view

<recycle-view height='{
  {height_g}}' batch="{
  {batchSetRecycleData}}" id="recycleId">
  <view slot="before">长列表前面的内容</view>
  <recycle-item wx:for="{
  {re