桌面端UI名词

 

UI 组件样式,它不仅包括了丰富的 UI 组件,还提供了一套完整的设计规范和资源。

通用组件
  • Button 按钮:用于触发操作。
  • Icon 图标:用于展示图标。
  • Typography 排版:用于文本排版。

布局组件
  • Divider 分割线:用于分隔内容。
  • Flex 弹性布局:用于创建灵活的布局。
  • Grid 栅格:用于创建网格布局。
  • Layout 布局:用于页面整体布局。
  • Space 间距:用于设置组件间距。

导航组件
  • Anchor 锚点:用于页面内导航。
  • Breadcrumb 面包屑:用于显示当前页面位置。
  • Dropdown 下拉菜单:用于显示下拉菜单。
  • Menu 导航菜单:用于页面导航。
  • Pagination 分页:用于分页显示数据。
  • Steps 步骤条:用于展示步骤流程。

数据录入组件
  • AutoComplete 自动完成:用于输入建议。
  • Cascader 级联选择:用于级联选择。
  • Checkbox 多选框:用于多选。
  • ColorPicker 颜色选择器:用于选择颜色。
  • DatePicker 日期选择框:用于选择日期。
  • Form 表单:用于数据录入和验证。
  • Input 输入框:用于文本输入。
  • InputNumber 数字输入框:用于数字输入。
  • Mentions 提及:用于提及用户。
  • Radio 单选框:用于单选。
  • Rate 评分:用于评分。
  • Select 选择器:用于选择。
  • Slider 滑动输入条:用于滑动输入。
  • Switch 开关:用于切换状态。
  • TimePicker 时间选择框:用于选择时间。
  • Transfer 穿梭框:用于数据穿梭。
  • TreeSelect 树选择:用于树形选择。
  • Upload 上传:用于文件上传。

数据展示组件
  • Avatar 头像:用于展示用户头像。
  • Badge 徽标数:用于显示状态标记。
  • Calendar 日历:用于日期选择和展示。
  • Card 卡片:用于内容展示。
  • Carousel 走马灯:用于轮播展示。
  • Collapse 折叠面板:用于内容折叠。
  • Descriptions 描述列表:用于展示描述信息。
  • Empty 空状态:用于展示空状态。
  • Image 图片:用于展示图片。
  • List 列表:用于展示列表数据。
  • Popover 气泡卡片:用于弹出提示。
  • QRCode 二维码:用于生成二维码。
  • Segmented 分段控制器:用于分段选择。
  • Statistic 统计数值:用于展示统计数据。
  • Table 表格:用于展示表格数据。
  • Tabs 标签页:用于切换内容。
  • Tag 标签:用于标记内容。
  • Timeline 时间轴:用于展示时间进程。
  • Tooltip 文字提示:用于文字提示。
  • Tour 漫游式引导:用于引导用户。
  • Tree 树形控件:用于展示树形结构数据。

反馈组件
  • Alert 警告提示:用于展示警告信息。
  • Drawer 抽屉:用于侧边栏展示。
  • Message 全局提示:用于全局提示信息。
  • Modal 对话框:用于弹出对话框。
  • Notification 通知提醒框:用于通知提醒。
  • Popconfirm 气泡确认框:用于确认操作。
  • Progress 进度条:用于展示进度。
  • Result 结果:用于展示操作结果。
  • Skeleton 骨架屏:用于加载占位。
  • Spin 加载中:用于加载状态。
  • Watermark 水印:用于添加水印。

其他组件
  • Affix 固钉:用于固定位置。
  • App 包裹组件:用于全局包裹。
  • ConfigProvider 全局化配置:用于全局配置。
  • Util 工具类:用于辅助功能。
组件库大全非常丰富,涵盖了从基础的按钮、输入框到复杂的表格、图表等各类组件,为产品设计提供了强大的工具来功能丰富的用户界面。

桌面端UI名词

发表评论
暂无评论