vue-flipcard
v0.1.4
Published
A Vue flip card component
Downloads
58
Readme
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() |