更新记录

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 添加单条数据

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问