vue-flipcard

A Vue flip card component
1,134 11
vue component flip flipcard
Install
npm install vue-flipcard
Latest Version:0.1.4
Vue:2
License:MIT
Last Updated:Jan 25, 2019
Links: GitHub  ·  npm
Maintainer: edwardsnow

vue-flipcard

Vue flip card component

Demo

https://edwardorz.github.io/vue-flipcard/

Install | 安装

// use yarn
yarn add vue-flipcard

// or use npm
npm i vue-flipcard

Usage | 用法

import VueFlipcard from 'vue-flipcard'

Vue.component('vue-flipcard', VueFlipcard)

<vue-flipcard
  :width="300"
  :height="240"
  direction="vertical"
  @flip="onFlip"
>
</vue-flipcard>

Props | 属性

参数/prop 描述/desc 数据类型/type 是否必填/required 默认值/default
witdh 宽度 number No 300
height 高度 number No 300
direction 方向 string No horizontal
disable 是否禁用 boolean No false
zoffset Z轴方向偏移 number No 20

Events | 事件

名称/name 描述/desc
flip 翻转时触发/emit on flipping

Methods | 方法

名称/name 用法/usage
flip this.$refs.flipcard.flip()

License

MIT

Related Packages

@vue-gsap-flip/vue-router

Vue Router integration for vue-gsap-flip

2,652 3
flip vue gsap
@vue-gsap-flip/nuxt

Nuxt 3 module for vue-gsap-flip with auto-registration

947 3
flip vue gsap nuxt nuxt-module
wisspop

Modales y dropdowns con animaciones ancladas al origen: el panel nace del elemen...

1,970 0
flip vue animation dropdown gsap modal transition
@evomark/flipbook-vue

3D page flip effect for Vue.js

1,650 3
component flip vue 3d book flipbook page turn
vue-tut-clock
5,208
flip clock time vue-clock vue-tut-clock vue2 时钟 时间 翻页时钟

Version History

Version Released Vue License
0.1.4 ^2.5.16 MIT
0.1.3 ^2.5.16 MIT
0.1.2 ^2.5.16 MIT
0.1.1 ^2.5.16 MIT
0.1.0 ^2.5.16 MIT