1.0.8 • Published 5 years ago

mini-horn v1.0.8

Weekly downloads
1
License
MIT
Repository
-
Last release
5 years ago

mini-horn

一个小喇叭插件

展示: alt demo

一、安装

  npm i mini-horn --save-dev

二、全局注册

import Vue from 'vue';
import MiniHorn from 'mini-horn';
Vue.use(MiniHorn);

三、局部注册

import {MiniHorn, MiniHornItem} from 'mini-horn';

export default {
  components: {
    MiniHorn,
    MiniHornItem
  }
}

四、调用方式

<template>
  <mini-horn>
    <mini-horn-item>一天晚上</mini-horn-item>
    <mini-horn-item>两个**</mini-horn-item>
    <mini-horn-item>三更半夜</mini-horn-item>
    <mini-horn-item>四处打望</mini-horn-item>
  </mini-horn>
</template>

五、属性

属性默认值作用
direction'vertical'String horizontal/vertical 横向或者纵向滚动
stepBlocktrueBoolean true/false 小喇叭是否整块滚动
interval2000Number stepBlock为true时有效 整块移动的时间间隔
animationTime500Number stepBlock为true时有效 整块移动,动画的时间

六、实例方法

refresh(); 当horn发生变化的时候可以手动调用来刷新mini-horn