演练场

所有随文档发布的示例，都在浏览器里真实运行。

演练场列出文档站内置的示例 SFC，并真实渲染选中的那个 —— 不是静态截图。

使用方式

库切换 —— 卡片头部的下拉框在 Aria、UI、Admin、Chart 之间切换。目前只有 UI、Chart 有示例，其余库在示例补齐前显示空状态。
示例标签页 —— 每个示例目录（apps/docs/src/examples/<library>/<component>/index.vue）对应一个标签页。
分辨率切换 —— 每个示例预览都带一个屏幕分辨率切换器。桌面端 为默认的自适应宽度；移动端、平板端 把预览框固定到设备宽度（390px / 768px），不必调整浏览器窗口就能查看响应式表现；全屏 把预览提升为覆盖视口的图层，按 Esc 或点击退出按钮返回。每个示例各自记录自己的分辨率，画框还会通过 provideViewportContext 把该设备发布给示例，因此自行判断移动模式的组件（SLayout、SAppShell）会跟着切换器走，而不是跟着浏览器窗口。
深链 —— 当前标签页会同步到 ?tab= 查询参数，因此可以直接分享某个示例的链接。

示例都是 apps/docs/src/examples/ 下的普通 SFC。同一批文件同时支撑每个组件页的「演示」区块，所以在演练场里改示例就等于改文档。