渲染两个参与者列表的网格组件：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() |
语言 |
<rtk-spotlight-grid></rtk-spotlight-grid><rtk-spotlight-grid
aspectRatio="example"
gridSize="md">
</rtk-spotlight-grid><script>
const el = document.querySelector("rtk-spotlight-grid");
el.gap= 42;
</script>