更新记录
0.1.1(2021-05-11)
下载此版本
目前实测 横向弹幕 会产生 叠加的问题 可下载下来二开 之后会更新版本
0.1.0(2021-05-10)
下载此版本
暂未填写文档 稍后补充
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
s-barrage (弹幕)
简介
开发一个项目 所用到了常规弹, 多平台暂未测试 如有不妥之处 请各位小伙伴提出宝贵意见
安装
直接下载到本地 或者 导入插件
基本使用
<s-barrage ref="shBarrage">
<template v-slot="{ item }">
<u-avatar size="60" style="margin-right:10rpx" :src="item.avatar"></u-avatar>
</template>
</s-barrage>
方法 (参数部分可自定义上传)
添加单条
this.$refs.shBarrage.add({
avatar: '',
name: '',
text: '希望能帮到您~~~'
});
初始化
let data = [
{
avatar: '',
name: '',
text: '希望能帮到您~~~'
},
{
avatar: '',
name: '',
text: '希望能帮到您~~~'
}
]
this.$refs.shBarrage.start(data);
参数
字段 |
类型 |
默认值/是否必填 |
默认 |
说明 |
type |
String |
否 |
horizontal |
horizontal/横向 portrait/纵向 |
channels |
Number |
否 |
10 |
只在 type = horizontal 有效 |
loop |
Boolean |
否 |
true |
是否循环 |
foneColor |
String |
否 |
- |
如果需要可直接传递 rgb 或者 十六进制色值 |
bgColor |
String |
否 |
- |
如果需要可直接传递 rgb 或者 十六进制色值 |
speed |
Number |
否 |
10000 |
速度 |
length |
Number |
否 |
10 |
一屏幕最多显示的个数 |
方法
方法 |
类型 |
说明 |
start |
Array |
初始化 数据 二维数组格式 |
add |
Object |
添加单条数据 |