Skip to content

Watermark 水印

容器级水印层,铺在内容之上且不拦截任何交互,适合敏感信息防泄露。

文字水印

基础文字水印

平铺文字水印,容器内任意内容均可作为 slot 传入

text 生成斜纹平铺单元;repeat 存在时平铺,缺省时单枚居中。

单枚与透明度

单枚居中 + 透明度

opacity 控制水印层透明度(0–1,自动夹取边界)。

图片水印

图片水印

`image` 属性传入图片 URL,与 text 同时存在时 image 优先

不拦截交互

内容正常交互

水印层 `pointer-events: none`,上方的按钮/输入等交互完全不受影响。

空容器

无内容也显示水印

容器没有任何 slot 内容时,水印层照常渲染。

API

属性

属性说明类型默认值
image图片水印 URL(存在时优先于 text)string
opacity水印层透明度(0–1,自动夹取)string0.15
repeat布尔,存在时平铺;缺省单枚居中boolean
text文字水印内容(与 image 二选一)string

插槽

名称说明
默认

水印为装饰层(aria-hidden + pointer-events: none),不参与可访问性树,不拦截交互。