# cardDel
卡片刪除效果(仿探探)
[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]
~~~
## OBJECT參數說明
| 參數 | 類型 | 默認值 | 說明 |
| --- | --- | --- | --- |
| 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 | 執行刪除動畫 |
## 如果覺得插件不錯，麻煩給個好評