按钮 Button

按钮用于触发一个即时操作,包含多种类型、状态和尺寸。

类型 Type

状态色 Status

尺寸 Size

Large 40px
Medium 32px
Small 24px

交互状态 States

图标按钮 Icon

标签 Tag

标签用于标记状态、分类和属性信息。

审核状态 Audit Status

草稿 待审 审核中 已通过 已驳回

紧急度 Urgency

加急 普通

智能审核结果 AI Check

智能审核通过 建议复核 检测到问题

卡片 Card

卡片用于承载统计信息和审核任务数据。

统计卡片 Statistics

+12%
24
今日待审
+8%
156
已完成
-3%
38
审核中
-5%
12
已驳回

审核任务卡片 Task Card

待审 加急
关于开展2026年安全生产月活动的通知
张明 新闻频道 10分钟前
建议复核
审核中 普通
2026年城市交通规划专题报道
李芳 专题频道 30分钟前
智能审核通过

表单 Form

表单元素用于数据输入和筛选,包含输入框、选择器、搜索框等。

输入框 Input

默认 Default
带值 With Value
聚焦 Focus
错误 Error
请输入有效的稿件标题
禁用 Disabled

选择器 & 搜索 Select & Search

下拉选择 Select
搜索输入 Search
日期范围 Date Range

表单布局 Form Layout

标题长度不超过100个字符

表格 Table

表格用于展示结构化数据,支持排序、筛选和行操作。

稿件标题 类型 状态 提交人 提交时间 操作
关于开展2026年安全生产月活动的通知 新闻稿件 待审 张明 2026-06-03 09:15
2026年城市交通规划专题报道 专题报道 审核中 李芳 2026-06-03 08:42
社区治理创新实践纪录片 视频素材 已通过 王磊 2026-06-02 17:30
端午节文化活动图片集 图片素材 已驳回 赵颖 2026-06-02 14:20
防汛应急演练新闻通稿 新闻稿件 草稿 陈浩 2026-06-02 11:05

反馈 Feedback

反馈组件用于向用户传达操作结果和进度信息。

消息提示 Toast

审核通过,稿件已发布至发布队列
智能审核检测到敏感内容,建议人工复核
稿件审核未通过,请修改后重新提交

进度条 Progress

审核进度 60%

步骤条 Steps

提交
初审
3
复审
4
终审