Swipeable & Stackable Card Component-vue-card-stack
Popis:
Komponent stohovacej karty, ktorý umožňuje používateľovi vytvárať vo webovej aplikácii skladateľné karty, ktoré je možné prepínať a upravovať.
Inštalovať a stiahnuť:
# Yarn $ yarn add vue-card-stack # NPM $ npm install vue-card-stack --save Základné použitie:
- Importujte | _+_ | komponent po inštalácii.
vue-card-stack- Pridajte komponent do šablóny aplikácie.
import Vue from 'vue'; import VueCardStack from 'vue-card-stack'; - Zaregistrujte komponent a určte farbu pozadia pre každú kartu nasledovne:
- Možné rekvizity na prispôsobenie kariet.
export default { components: { VueCardStack }, data() { return { cards: [ { background: '#000' }, { background: '#222' }, { background: '#fff' }, { background: '#333' }, { background: '#666' } ] }; } }; Podrobnosti na stiahnutie:
Autor : rodleviton
Živé demo : https://rodleviton.github.io/vue-card-stack/#interactive
Odkaz na stiahnutie : https://github.com/rodleviton/vue-card-stack/archive/master.zip
Oficiálna web stránka : https://github.com/rodleviton/vue-card-stack
#vuejs #javascript #vue #vue-js