开发预览更新于 2026-05-10

FloatingInspector 浮动检查器

角落锚定的可折叠检查器面板，常用于性能监视、调试信息浮窗。

基础用法

锚定到屏幕四角，offset 控制与边缘距离。点击头部 caret 折叠 / 展开（保持标题可见）。

<CfFloatingInspector
v-model:open="open"
placement="bottom-right"
title="性能"
>
<ul>...</ul>
</CfFloatingInspector>

<CfFloatingInspector
open={open}
onOpenChange={setOpen}
placement="bottom-right"
title="性能"
>
<ul>...</ul>
</CfFloatingInspector>

4 种 placement 切换效果；点击”关闭”演示 onOpenChange。

<CfFloatingInspector v-model:open="open" :placement="'top-right'" />

<CfFloatingInspector open={open} onOpenChange={setOpen} placement="top-right" />

属性	类型	默认值	说明
`open`	`boolean`	`true`
`collapsed`	`boolean`	`false`	折叠状态
`placement`	`'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'`	`'bottom-right'`
`title`	`string`	—
`width`	`number \| string`	`320`
`offset`	`number`	`24`	距视口边缘 px
`closable`	`boolean`	`true`