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

cardSwipe - 小程序卡片滑动组件

介绍

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

卡片展示图

用法

获取:
git clone https://github.com/1esse/cardSwipe.git
相关文件介绍:
  • /components
    • /card
    • /cardSwipe
  • /pages
    • /index

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

功能介绍

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

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

新增: 向卡片的循环数组中添加(不推荐新增,具体原因后面分析。硬要新增的话,如果卡片列表不大,并

  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值