Watermark 水印
容器级水印层,铺在内容之上且不拦截任何交互,适合敏感信息防泄露。
文字水印
基础文字水印
平铺文字水印,容器内任意内容均可作为 slot 传入
text 生成斜纹平铺单元;repeat 存在时平铺,缺省时单枚居中。
单枚与透明度
单枚居中 + 透明度
opacity 控制水印层透明度(0–1,自动夹取边界)。
图片水印
图片水印
`image` 属性传入图片 URL,与 text 同时存在时 image 优先
不拦截交互
内容正常交互
水印层 `pointer-events: none`,上方的按钮/输入等交互完全不受影响。
空容器
无内容也显示水印
容器没有任何 slot 内容时,水印层照常渲染。
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
image | 图片水印 URL(存在时优先于 text) | string | — |
opacity | 水印层透明度(0–1,自动夹取) | string | 0.15 |
repeat | 布尔,存在时平铺;缺省单枚居中 | boolean | — |
text | 文字水印内容(与 image 二选一) | string | — |
插槽
| 名称 | 说明 |
|---|---|
| 默认 | — |
水印为装饰层(aria-hidden + pointer-events: none),不参与可访问性树,不拦截交互。