swan-bullet v1.0.3
bullet小程序弹幕组件
属性说明
| 属性名 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| type | string | half | 是 | 聊天区样式 |
| height | number | 是 | 竖屏弹幕区展示竖屏弹幕区展示高度高度 | |
| showInput | boolean | false | 否 | 调起输入框 |
| showUserIcon | boolean | false | 否 | 是否展示用户头像 |
| useSdk | boolean | false | 是 | 是否使用手百提供的弹幕收发Server服务 |
| msgList | array | 否（useSdk是false时必填） | 开发者可以自己维护的弹幕数据 | |
| sdKOptions | object | 否（useSdk是ture时必填） | sdk相关设置 |
使用方法 在小程序根目录下执行如下命令行，引入页面模板。
// 现在还没上线，不能用
npm i @smt-ui-template/swan-bullet 进入 swan-bullet 文件夹，安装所有模板依赖
npm i swan
<swan-bullet height={{height}} msgList={{data}} showUserIcon={{iconType}} type={{type}}>样式
横屏滚动弹幕 <img src="https://agroup-bos-bj.cdn.bcebos.com/bj-1267b9b5d5e7de6812ee635f19dfe455a42b2def"/ width=250>
浅色竖半屏（type=half）
<img src="https://agroup-bos-bj.cdn.bcebos.com/bj-c4b41bd662a8ad4d42aa86e7bbe081e447559a2b"/ width=350>
深色竖半屏（type=vertical dark）
<img src="https://agroup-bos-bj.cdn.bcebos.com/bj-cd6e7bec211407ef65d0a3c92615faf3fb789c83"/ width=350>
竖屏（type=vertical） <img src="https://agroup-bos-bj.cdn.bcebos.com/bj-51938f079424f747a74669eff9955ef690454c91"/ width=350>
组件的内容只包括红框内的内容
Bug & Tip
Tip：组件包含了收发弹幕和展示弹幕的能力，开发者只需要对样式做匹配。 Tip：showInput用于调起输入框，开发者需要自行开发调起输入框。 Tip：开发可以使用自己的弹幕收发Server服务 Tip：如需使用手百的弹幕收发Server能力，需要配置useSdk和sdKOptions Tip：目前只能通过线下方式传递roomId的list给开发者，开发者需要对每次直播进行适配当前的roomId。