edwardorzvue-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-flipcardUsage | 用法
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() |