N Nexus UI Component Library
v3.0
陈
由页面以纯 HTML 打开并书写内容。 ========================================================================= -->
数据展示 / 10

水印

为敏感内容加上可追溯的轻量标识:覆盖整个内容区的平铺水印、叠加在卡片与表格上的组件水印、图片右下角的品牌水印,以及可调参数的水印配置面板。

全屏平铺水印

tiled layer
经营分析 · 内部资料

2026 年第三季度经营简报

文件编号 NX-Q3-2026-014 · 密级:内部 · 阅读人:陈思远

含敏感数据
营业收入
1,286 万
同比增长
33.9%
净利率
18.4%
现金储备
4,820 万

本季度收入结构持续优化,订阅收入占比提升至 46%,同比提升 6 个百分点;增值服务在 9 月完成定价调整后,客单价由 268 元提升至 296 元。

成本侧,云资源费用率由 12.4% 降至 10.1%,主要得益于容器资源调度优化与冷备节点下线;人力成本率因新增 8 名研发人员小幅上升 1.2 个百分点。

风险提示:西南仓库存健康度已连续三周低于 50%,需在 10 月 15 日前完成补货或调拨,否则可能影响双十一首波预售履约。

水印每 12 秒随机偏移一次,截图可追溯到阅读账号与时间戳。 trace-id: 7f8c-a91f-20261003

组件水印

.watermark[data-text]
卡片水印
陈
陈思远
产品设计部 · 高级设计师
工号NX-20418
入职日期2023-04-12
薪资等级P6 / 三级

容器加 class="watermark" data-text="…" 即可,伪元素自动居中并旋转 −24°。

表格水印
科目借方贷方
主营业务收入—1,286,400
主营业务成本742,180—
研发费用186,420—
销售费用98,640—
管理费用64,120—

表格容器同样适用,水印位于内容之上且 pointer-events:none,不影响行内操作。

图表水印
上季度各渠道转化率
全域投放
7.6%
私域复购
5.8%
内容引流
4.2%
线下扫码
2.6%
样本量 128,460更新于 10-03 09:00

图片水印

logo layer / corner badge
居中平铺 Logo 水印
NEXUS NEXUS NEXUS NEXUS NEXUS NEXUS NEXUS NEXUS NEXUS

图片素材用渐变 + SVG 模拟;实际项目可换成任意图片并叠加同一水印层。

右下角品牌角标
Sample
商品主图 · 预览稿
1200 × 900 · PNG
Nexus UI

角标固定在右下角安全区内,预览图导出后无法通过裁切去除。

证件式斜向水印
身份证明 · 复印件
姓名陈思远
证件号3301**********2041
用途订单实名认证
有效期2026-10-01 ~ 2026-10-31

水印配置

config panel
参数
34
6
-24
实时预览
参数变化后预览区同步更新,导出前请确认密级与阅读人
预览稿 · 内部

项目排期与资源分配表

待复核
阶段负责人起止时间投入人力
需求确认陈思远09-22 → 09-282 人 / 7 天
方案设计李彦09-29 → 10-013 人 / 3 天
开发联调周航10-02 → 10-065 人 / 5 天
验收上线赵敏10-08 → 10-103 人 / 3 天
水印不遮挡内容:表头排序、行内按钮与勾选均不受影响。 reader: chensiyuan@nexus · 2026-10-03 09:24