https://github.com/foxdaxian/barrage
vue2弹幕
https://github.com/foxdaxian/barrage
barrage vue2
Last synced: about 2 months ago
JSON representation
vue2弹幕
- Host: GitHub
- URL: https://github.com/foxdaxian/barrage
- Owner: FoxDaxian
- Created: 2017-04-26T01:16:32.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2021-10-27T12:53:59.000Z (over 3 years ago)
- Last Synced: 2025-04-07T00:41:58.276Z (2 months ago)
- Topics: barrage, vue2
- Language: JavaScript
- Homepage:
- Size: 34.2 KB
- Stars: 28
- Watchers: 1
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
VUE2-barrage
# 用法：
```js
//首先下载安装
npm install vue2-barrage --save
//然后在引入到你的vue中
import barrage from "vue2-barrage";
//Vue调用
Vue.use(barrage);
```
```js
//组件绑定mounted钩子函数内执行初始化方法，返回发送弹幕方法
mounted(){
this.send = this.$start(this.$refs.barrage_wrap);
}
//vue的methods内任意方法里添加send方法，注意，请务必传入空对象参数
this.send({});
```
# API说明：
$start方法：初始化方法，返回一个发送弹幕的方法
| 参数 | 说明 |
| :------------ |:---------------:|
| 1 | 需要被插入弹幕的元素 |
| 2 | 弹幕出现大体位置，默认值为全部，即被插入弹幕的总高的随机位置，可传入数组形式，eg:[0.2,0.5],大小顺序不限，但必须为`大于0` `小于1`的小数 |
___
send：$start返回的发送弹幕的方法
只能传入一个配置选项参数
>默认不传的情况下，请写入`{}(空对象)`
配置选项说明
* text：发送弹幕的文字内容，默认为`默认弹幕`
* color：字体颜色，默认为`黑色`
* speed：弹幕速度，默认为`5`
* classname：样式类名，目前有`style1~3`三种选择，分别代表`蓝色、绿色、红色`
# 其他