组件是 B 端系统的基础原子,兰亭妙微将后台高频控件统一制定尺寸、状态、使用场景,覆盖交互、导航、数据录入、数据展示、提示类全品类组件。
交互类组件包含按钮、开关、单选多选框:按钮区分填充、线性、文字三类,覆盖默认、悬停、点击、禁用四种状态;开关采用即时生效逻辑,无需二次确认;单选圆形、多选方形,区分默认、选中、不可用三类状态。
导航类组件涵盖侧边菜单、顶部导航、面包屑、Tab 标签:面包屑采用标签式分层展示,清晰标注用户当前页面位置;Tab 标签用于单页面多类型数据切换,提升页面拓展性。
数据录入组件包含输入框、下拉选择器、日期选择、表单、穿梭框、上传控件:输入框区分基础文本、联想搜索、长文本三种,覆盖常规、激活、失焦、禁用状态;下拉支持单层、树形、多选标签回显样式;日期选择支持单日、年份、起止区间选择;表单统一标签对齐规则,优先采用右对齐标签布局,降低填写失误率。
数据展示组件以表格、树形控件为核心,表格承载海量结构化业务数据,配套分页组件实现数据分片加载;树形组件清晰展示多层级业务分类,节省页面空间。

提示类组件包含文字气泡、气泡卡片、警告提示:气泡仅展示注释信息,气泡卡片可承载操作按钮;警告提示分为常规、成功、警告、错误四类,适配全场景信息提醒。