仿探探左右滑动效果（兼容安卓，ios，小程序，h5）

运行条件

HBuilder X 3.7

安装后，从插件市场导入，即可真机运行

vue

项目地址

[github]( https://github.com/15157757001/cardDel ).

[uniapp插件市场]( https://ext.dcloud.net.cn/plugin?id=893 ).

说明

一些浏览器的原生事件会宽大困和touch事件冲突导致效果不佳。

插件设计: 插件不仅仅可以实现仿探探的效果，还能通过参数实慎念现卡片不同的动画效果的变化。

基本模板里提供了简单的动画效果。

性能优化：尽量使用较小的图片

使用方式

**在index.js中** 

~~~

import clCardDel from "@/components/clCardDel/clCardDel"

mixins:[clCardDel]

~~~

| 参数 | 类型 | 默认值 | 说明 |

| --- | --- | --- | --- |

| number | Number | 2 | 存在的卡片数量 |

| moveRotate | Object | { x:0,y:0 } | 设置位移图片旋转角度距离  card中心点 - 指向坐标 |

| delMoveD | Number | screenHeight*2 | 删除移动距离 |

| touchMoveD | Number | 100 | card移动距离 card移动距离/touchMoveD = 其他card变化比率 |

| rotate | Number | 0 | 第2张卡片旋转角度 |

| scale | Object | { x:1,y:1 } | 第2张卡片缩放 |

| skew | Object | { x:0,y:0 } | 第2张卡片倾斜 |

| translate | Object | { x:0,y:0 } | 第2张卡片位移 |

| opacity | Number | 1 | 第2张卡片透明度 |

# 事件

| 事件名 | 说明 |

| ---  | --- |

| init | 设置初始参仿慧数 |

| getData | 获取数据 |

| moveJudge(x,y,ratio) | 触摸中判断 |

| endJudge(x,y) | 触摸结束判断 |

| _back | 执行回退动画 |

| _del | 执行删除动画 |

运行条件

HBuilder X 2.2.2

安装后，从插件市场导搜备入，即可真机运行

vue

项目地址

github

uniapp插件市场

说明

插件分纳扒别用swiper实现(多端兼容)和css3动画实现(暂时只支持app)，可自行切换。

插件在uni-app编译模式下编写(已切换)。

默认为weex编译模式，在 manifest.json 的源码视图里配置是切换模式， manifest.json ->app-plus ->nvueCompiler 切换编译模式。

swiper在非App端内嵌video性能比较洞漏昌差，不建议导入过多视频。

项目效果

h5在线地址

小程序插件可以通过第三方平台 拖拽组合  比如 速成应用 工具平台 

小程序插件相关问题说明

一、什么是小程序插件？

插件是小程序的一项能力，插件开发者可将自己的服务封装成插件，供其他小程序直接使用，扩大服务的使用场景、服务更多的商户和用户。同时，使用方小程序可在小程序中直接使用插件，无需特殊申请类目资质、或搭建全套服务架构，即可通过使用插件丰富小程序的服务，为用户提供更便捷的服务。

二、开通条件

主体类型为企业、媒体、政府及其他组织主体的小程序可以开通。

三、支持哪些服务类目？

开发者可选择当前小程序帐号已选类目中的一个，作为插件的服务类目。以下为当前已开放的插件服务类目，将逐步开放更多类目。

四、如何开通？

小程序开发者无需重新注册帐号，可直接在小程序管理后台开通插件功能，完成基本信息填写后完成开通。

1、开通入口：小程序管理后台-小程序插件

2、填写插件基本信息，插件的基本信息将在插件申请、使用小程序基本信息页中展示。

3、填写开发信息并完成开发

设置插件的服务器域名及Token信息后，即可在开发者工具中开发插件。

开发者工具内设置请见：《插件开发指南》

4、插件版本管理

开发者可在开发者工具内上传代码并在小程序插件开发助手内完成插件的开发和调试。请注意：插件暂不支持在体验版中体验。

在开发者工具上传代码后，开御陆轿发者可在“小程序管理后台-小程序插件-开发管理”内管理插件版本。

五、插件的审核问题

插件发布前需要提交微信小程序团队审核，审核通过后才可发布。

提交审核时，插件开发者悉闹需要填写以下信息：插件服务类目、标签及功能描述。

插件服务类目：插件可从当前小程序已通过的服务类目中选择一个。已开放类目表格见插件开放范围及类目

标签：请填写与插件提供的服务相关的标签

功能描述：为便于审核团队体验及审核插件功能，请开发者填写基本介绍及插件的使用说明

六、插件审核时间是多久？

插件审核会在7个工作日（除开周末以及法定节假日）内完成；

审核结果将通过站内信、模板消息通知管理员通知，如果不通过会提示具体的原因。

七、插件版本发布

插件审核通过后，可在管理后台 *** 作发布。插件发布后才可以被其他小程序搜索并添加。插件支持多个线上版本同时存在。

八、使用申请管理

小程序使用插件需要经过插件开发者的同意。插件的开发者可在”小程序管理后台-小程序插件-申请管理“内处理插件的接入申请。插件开发者可在24小时内选择”通过“或”拒绝“申请方使用插件。

九、小程序要怎么添加插件

小程序开发者可在”小程序管理后台-设置镇肆-第三方服务-插件管理“中根据AppID查找需要的插件，并申请使用。

麻烦采纳 谢谢

---