01 引言
在数字化浪潮中,信息安全与管理需求日益多元。Choerodon UI 组件库研发 WaterMark 水印组件为你的页面轻松添加水印,有效防止信息盗用,保障企业权益。下面就带大家深入了解它的特性与场景。
02 设计特性
『多种水印形式』
多种水印形式,支持文字水印与图片水印。
文字水印可通过 content 轻松指定内容;图片水印通过 image 指定图片地址,并可通过 width 和 height 确保图片高清且不拉伸。
『灵活的层级设置』
组件默认实现前置水印,即显示在内容上方, zIndex 默认为 9 。若不想水印遮挡上层内容,可灵活调整该值,使其小于上层内容的 zIndex 。(HZERO 系统默认后置水印)
『指定容器渲染』
借助 getContainer 属性,能够精准指定水印的渲染容器,满足多样化的布局需求。
例如:在界面局部敏感信息,仅文档渲染部分添加水印。
03 场景案例
WaterMark 组件应用广泛,涵盖版权保护、权限追踪、数据分类、活动推广、文档版本管理等多场景 。 在 HZERO 系统中有以下场景案例:
『系统水印配置』
用户可直接在“系统配置”界面配置系统界面是否开启水印显示,并支持系统变量映射。
菜单层级: 平台级、租户级
菜单路径: 系统管理 > 系统配置 > 基础配置
默认配置:
更多配置详情参考:
『文件水印配置』
帮助用户可以灵活配置文件的水印类型,包括大小、对齐方式、内容等等。支持为图片和PDF添加水印。
菜单层级: 平台级、租户级
菜单路径: 文件管理 > 文件水印配置
更多配置详情参考:
欢迎试用
我们将持续优化 WaterMark 和 Choerodon UI 组件库功能,优化客户体验。通过以下文档链接,查看更多水印组件相关资料。
如果您有更好的想法和建议,欢迎您积极反馈给我们。
立即预约,免费演示 👉 获取产品演示
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。