由页面以纯 HTML 打开并书写内容。 ========================================================================= -->

表单 / 14

上传 · 富文本

从"把文件拖进来"到"把内容写完整"：四种上传形态、图片裁剪框、富文本编辑器、Markdown 双栏预览，以及需要手写签名的场景。

上传的四种形态

.upload / .up-ic / .upload.drag

默认态与拖拽态

点击或拖拽文件到此处上传

支持 PNG / JPG / PDF / ZIP，单个文件不超过 50MB

松开鼠标即可上传

正在拖拽：“2026-Q4-设计规范.pdf”

拖拽进入时加上 .drag：边框由虚线灰变实色深，背景提亮，文字同步加深，让"可以松手了"这件事一眼可见。

带文件列表 · 上传中 / 成功 / 失败

品牌视觉规范-v3.pdf 6.4 MB · 上传中 68%

首页主图-深色.png 已完成 · 2.1 MB

年度数据备份.zip 失败 · 超出 50MB 限制

请压缩后重试，或改用分卷上传。

已上传 1 / 3 个文件

头像上传

陈

更换团队头像

建议使用 1:1 正方形图片，尺寸不小于 400 × 400，支持 JPG 与 PNG，上传后会自动裁成圆形。

多图上传 · 缩略图网格

图片裁剪

缩放

160

输出尺寸 800 × 600 · 正方形裁切请改为 1:1

富文本编辑器

.rt-toolbar / .rt-area

Nexus UI 组件库交付说明

本次交付覆盖 15 个页面，全部基于同一套设计令牌与骨架文件构建。所有交互通过 data-* 属性声明，不写内联脚本。

设计基础 5 页：设计令牌、排版、HTML 元素、原子、图标
通用组件 5 页：顶栏、面包屑与标签页、步骤条与分页、按钮、按钮形态
表单 5 页：基础表单、树形级联、日期时间、上传富文本、校验分组

同一套令牌，覆盖从后台到电商的全部场景。

验收口径：任意页面在浅色与深色模式下均无对比度低于 4.5:1 的正文文本。

字数 186 · 段落 6 · 约 1 分钟阅读

Markdown 双栏与签名板

.md-preview / .sigpad

Markdown 源码 / 实时预览

源码

## 令牌变更
- 新增 radius.wrap
- 调整 shadow.pop

> 破坏性变更：
> 移除 brand.500

详情见 [更新日志](https://nexus-ui.dev/log)

预览

令牌变更

新增 radius.wrap
调整 shadow.pop

破坏性变更：移除 brand.500

详情见更新日志

左侧输入，右侧同步渲染

签名板

请在虚线区域内手写签名，支持鼠标、触控笔与手指

签署前确认

电子签名具有法律效力

点击"确认签名"即表示你已阅读并同意《数字签名服务条款》，签名结果将连同时间戳一并存入合同附件。

我已阅读并同意上述条款