更新记录
0.1.1(2021-05-11) 下载此版本
目前实测 横向弹幕 会产生 叠加的问题 可下载下来二开 之后会更新版本
0.1.0(2021-05-10) 下载此版本
暂未填写文档 稍后补充
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
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 | 添加单条数据 |