跳转到内容
搜索文档

rtk-spotlight-grid

最后更新 查看 MarkdownAgent 设置

渲染两组参会者列表的网格组件:pinnedParticipants(已固定参会者)和 participants(参会者)。 您可以将布局自定义为 column(列)视图,默认为 row(行)视图。

  • pinnedParticipants[] 中的参会者在较大的网格中渲染。
  • participants[] 数组中的参会者在较小的网格中渲染。

属性

属性 类型 必填 默认值 描述
aspectRatio string - 参会者磁贴的宽高比,格式:width:height
config UIConfig createDefaultConfig() UI 配置
gap number - 参会者磁贴之间的间距
gridSize GridSize1 - 网格大小
iconPack IconPack defaultIconPack 图标包
layout GridLayout1 - 网格布局
meeting Meeting - 会议对象
participants Peer[] - 参会者
pinnedParticipants Peer[] - 已固定的参会者
size Size - 尺寸
states States - 状态对象
t RtkI18n useLanguage() 语言

使用示例

基本用法

<!-- component.html -->
<rtk-spotlight-grid></rtk-spotlight-grid>

带属性用法

<!-- component.html -->
<rtk-spotlight-grid
 aspectRatio="example"
 gap="42"
 gridSize="md">
</rtk-spotlight-grid>

这篇文档对您有帮助吗?