Skip to content
Theme color
Gray color
AppearanceSizeSmall(1)Medium(2)Large(3)Radius
none
small
medium
large
full
Scale90%95%100%105%110%
  • Watermark 作为容器,在内容之上展示水印,元素无法被移除,会自动添加回原来的位置,除非移除其父元素
  • Watermark 元素的内联 style 不可被更改,会被自动恢复
  • 为防止内容被修改,Watermark 的属性仅支持设置一次,当某个属性为真值或 0 之后,其不会再被更新。目前其大部分属性都有在全局配置中设置默认值,意味着它们在元素加载后就不可更改了
  • Watermark 的 shadowRoot 为 closed,外界无法直接通过属性访问,其内节点无法被移除,会自动添加回去,其内元素的 style 无法被修改,也会自动恢复

基本使用

多行水印

图片水印

image优先级更高,会优先展示。为防止图片加载失败,可以同时设置imagecontent属性,图片加载失败后会展示content。同时,可以使用imageProps属性来设置图片的各项水印配置,以避免图片失效的情况下其设置与文字的设置要求不符

image可以设置为none,与不设置的效果相同,但它可以防止那些只设了content的水印被修改。目前image的默认值即为none,所以它不可以被延迟更改,如果有延迟更改的需求可考虑修改全局配置的默认属性

Dialog 中展示

Watermark下的Dialog会默认继承并渲染水印,使用noInherit属性可关闭该行为

自由更改

使用mutable属性即可自由更改 Watermark 的属性,而非只能修改一次,该属性仅能在 Watermark 元素加载前设置