跳转到内容
搜索文档

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>

这篇文档对您有帮助吗?