更新记录
1.0.0(2024-08-09) 下载此版本
1.0.0
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
页面结构
自定义头部
- 高度:
navBarHeight
像素- 菜单高度:
menuHeight
像素 - 图片: 返回按钮(绑定到
toBack
函数) - 文字: "返回"(绑定到
toBack
函数)
- 菜单高度:
主播信息
- 图像:
headImage
- 名称:
前程似锦
- 数字:
43.8w
本场点赞
福袋抽奖
- 图像: 幸运抽奖包
- 文字: 倒计时(使用
{{ minutesToTimeFormat(seconds) }}
渲染)
直播播放器
- ID:
videoId
- 自动播放: 是
- 源:
videoUrl
- 直播流: 是
发送信息
- 根据
closeDanmuType
显示/隐藏- 文本框:
content
- 按钮: "发送"(绑定到
sendOut
函数)
- 文本框:
- 切换按钮:
- 关闭弹幕 (
closeDanmu
函数) - 打开弹幕 (
openDanmu
函数)
- 关闭弹幕 (
消息区域
- 可滚动视图,动态高度
- 条件性提醒消息
- 弹幕列表 (
danmuData
) - 名称:
item.name
- 内容:
item.content
样式说明
- 样式根据变量如
focusType
,keyboardHeight
等动态应用 - 一些元素的样式基于
content
的长度和focusType
的状态而变化