Skip to content

FoxDaxian/barrage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VUE2-barrage

用法:

//首先下载安装
npm install vue2-barrage --save
//然后在引入到你的vue中
import barrage from "vue2-barrage";
//Vue调用
Vue.use(barrage);
//组件绑定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三种选择,分别代表蓝色、绿色、红色

其他

弹幕小例子