今天給小夥伴們分享一個超酷炸的Vue卡片滑動堆疊組件VueTinder。
vue-tinder 基於 vue.js 構建的類似 Tinder、探探 左右翻動卡片組件。擁有絲滑般的滑動效果,適合一些社交型項目應用。
支持撤回、左滑不喜歡、右滑喜歡、上滑關注等功能。大家也可以根據需要自行定製一些有創意的新功能。
安裝
<code>$ npm i vue-tinder -S/<code>
使用插件
<code> /<code>
so nice,如此炫酷的組件,大家可以動手試一試哈,千萬不要錯過!
最後附上在線預覽及項目地址
<code># demo地址 https://by7qi.csb.app/ # 在線編輯預覽 https://codesandbox.io/s/vue-tinder-preview-by7qi # 倉庫地址 https://github.com/shanlh/vue-tinder/<code>
好了,就分享到這裡。希望對小夥伴們有所幫助,歡迎一起分享交流!