1.0.5 • Published 6 years ago
vue-qin v1.0.5
vue-qin
Vue 的琴弦文字插件。
Examples
Installation
npm install vue-qinUsage
import Vue from 'vue';
import VueQin from 'vue-qin';
// let VueQin = window.VueQin; // window
// let VueQin = require('vue-qin'); // commonjs// regist 注册组件
Vue.use(VueQin); // global
// or
new Vue({
el: 'body',
components: { VueQin } // local
});<vue-qin
:content="'This is the content to show'"
:duration="500"
:recline="0.6"
:offset="22"
></vue-qin>Support
IE9 and IE9+Api
Properties
| Name | Type | Default | Description |
|---|---|---|---|
| content | String | '' | The content you want to show.要显示的文字。 |
| duration | Number | 500 | The animation duration.每次弹动对动画时长。 |
| recline | Number | 0.6 | Animation's wave distance between two chars.动画时候2个字符间的波动距离。值越大波动越大。 |
| offset | Number | 22 | Max offset of each char move.字符最大的可移动距离。 |