https://github.com/shanlh/vue-tinder

Have your own Tinder and TanTan.
https://github.com/shanlh/vue-tinder

tantan tinder vue

Last synced: about 2 months ago
JSON representation

Have your own Tinder and TanTan.

• Host: GitHub
• URL: https://github.com/shanlh/vue-tinder
• Owner: shanlh
• License: mit
• Created: 2018-05-03T09:32:11.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-02-26T00:46:55.000Z (7 months ago)
• Last Synced: 2024-04-14T04:26:02.770Z (5 months ago)
• Topics: tantan, tinder, vue
• Language: JavaScript
• Homepage: https://shanlh.github.io/vue-tinder
• Size: 14.8 MB
• Stars: 210
• Watchers: 5
• Forks: 47
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Introduction

[![Travis (.org)](https://img.shields.io/travis/shanlh/vue-tinder/master)](https://travis-ci.org/github/shanlh/vue-tinder)

[![npm bundle size](https://img.shields.io/bundlephobia/minzip/vue-tinder)](https://www.npmjs.com/package/vue-tinder)

[![npm](https://img.shields.io/npm/dm/vue-tinder)](https://www.npmjs.com/package/vue-tinder)

[![NPM](https://img.shields.io/npm/v/vue-tinder.svg)](https://www.npmjs.com/package/vue-tinder)

[![NPM](https://img.shields.io/npm/l/vue-tinder)](https://www.npmjs.com/package/vue-tinder)

`VueTinder` is a Vue component that helps you quickly implement the main features of similar apps like [Tinder](https://tinder.com), [TanTan](https://tantanapp.com/), etc.

## Links

* 📘Documentation: [https://shanlh.github.io/vue-tinder](https://shanlh.github.io/vue-tinder)

* 👉[Play with vue-tinder online](https://codesandbox.io/embed/vue-tinder-preview-by7qi)

## Features

- Made With ❤️, strict detail requirements, under the slow motion, can better see the ease of transition animation, no matter how fast and complicated the operation does not have to worry about the problem.

- Full Functioning, in addition to the original left, right, and up/down-sliding, a new fallback function has been added, which also supports multiple rollbacks at the same time.

- Rich Configuration, adjustable sliding, spacing parameters and CSS units for a more flexible and adaptable layout.

- Simple and lightweight (~5KB after Gzip compression)

![](https://raw.githubusercontent.com/shanlh/vue-tinder/master/public/preview.gif)

## TODO

VueTinder is still under development, and here are some of the issues that are currently known:

- The mobile end may accidentally touch VueTinder when the finger slides back.

You are welcome to contribute to the development of VueTinder.