vue-text-roll v0.1.0

Vue-Text-Roll

新项目用Vue做，所以抽空研究点Vue的小玩意儿，写点小插件啥的。 这个插件是滚动展示文字列表用的，比如那种“光荣榜”神马的。

可自定义属性示例:

originList: {  //要滚动的列表
    default: ()=> { 
      return ['哈哈哈', '哈哈哈', '哈哈哈', '哈哈哈']
    }
},
height: {  //每个小条目的高度
    type: [String, Number],
    default: 20
},
align: {  //条目内文字对齐方式
    type: String,
    default: 'center'
},
duration: {  //滚动速度，越大滚动越慢
    type: [String, Number],
    default: 10
},
wrapHeight: {  //外部容器高度
    type: [String, Number],
    default: 200
},
direction:{  //滚动方向，'up'或者'down'，默认down
    type:String,
    default:'down'
},
minItem:{  //最少条目，建议设置不小于20，如果不够20，本插件会自动复制列表
    type:[String,Number],
    default:20
}

安装

Vuejs

npm install vue-roll-text --save

用法

ES6

Vue.use(require('vue-roll-text'))

<roll-text wrapHeight="200" duration="20" wrapHeight="200" direction="down" height="20" align="center" originList="yourList"></roll-text>