一个类似探探的高性能小程序卡片滑动组件

cardSwipe - 小程序卡片滑动组件

介绍

此组件是使用原生微信小程序代码开发的一款高性能的卡片滑动组件，无外部依赖，导入即可使用。其主要功能效果类似探探的卡片滑动，支持循环，新增，删除，以及替换卡片。

用法

获取：

git clone https://github.com/1esse/cardSwipe.git

相关文件介绍：

• /components
  • /card
  • /cardSwipe
• /pages
  • /index

其中，components文件夹下的card组件是cardSwipe组件的抽象节点，放置卡片内容，需要调用者自己实现。而cardSwipe组件为卡片功能的具体实现。pages下的index为调用组件的页面，可供参考。

功能介绍

亮点：

• 支持热循环（循环与不循环动态切换），动态新增，动态删除以及动态替换卡片
• 卡片的wxml节点数不受卡片列表的大小影响，只等于卡片展示数，如果每次只展示三张卡片，那么卡片所代表的节点数只有三个
• 支持调节各种属性（滑动速度，旋转角度，卡片展示数…等等）
• 节点数少，可配置属性多，自由化程度高，容易嵌入各种页面且性能高

实现方式：

循环/不循环： 属性circling(true/false)控制

新增： 向卡片的循环数组中添加(不推荐新增，具体原因后面分析。硬要新增的话，如果卡片列表不大，并且需要新增多张卡片，可以直接将数据push到卡片列表中然后setData整个数组。如果是每次只增加一张卡片，推荐使用下面这种方式，以数据路径的形式赋值)