更新记录
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 | 添加单条数据 |

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 4421
赞赏 0
下载 10654325
赞赏 1794
赞赏
京公网安备:11010802035340号