渲染两组参会者列表的网格组件: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>