更新记录
0.1.1(2021-05-11) 下载此版本
目前实测 横向弹幕 会产生 叠加的问题 可下载下来二开 之后会更新版本
0.1.0(2021-05-10) 下载此版本
暂未填写文档 稍后补充
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
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 | 添加单条数据 |