纷享销客开发者手册 纷享销客开发者手册
  • APL开发手册
  • PWC开发手册
  • OpenAPI 文档
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 入门

  • 组件

    • 组件总览
      • UI组件
      • 业务组件
      • 使用指南
    • UI组件

    • 业务组件

  • 示例

  • 常见问题

目录

组件总览

# 组件总览

本文档提供了所有可用组件的概览,包括UI组件和业务组件两大类。

# UI组件

UI组件是基础的用户界面元素,用于构建页面的基本交互功能。

# 表单类组件

  • Input - 文本输入框
  • InputNumber - 数字输入框
  • Select - 下拉选择器
  • Checkbox - 复选框
  • Radio - 单选框
  • Switch - 开关
  • Slider - 滑块
  • Rate - 评分
  • Stepper - 步进器
  • ColorPicker - 颜色选择器

# 日期时间类组件

  • DatePicker - 日期选择器
  • TimePicker - 时间选择器
  • DateTimePicker - 日期时间选择器
  • Calendar - 日历

# 导航类组件

  • Navbar - 导航栏
  • Steps - 步骤条
  • Pagination - 分页
  • Tabs - 标签页
  • Tree - 树形控件

# 反馈类组件

  • Alert - 警告提示
  • Message - 消息提示
  • MessageBox - 消息弹框
  • Notification - 通知
  • Loading - 加载
  • Progress - 进度条
  • Circle - 环形进度条

# 数据展示类组件

  • Table - 表格
  • Tag - 标签
  • Badge - 徽章
  • Card - 卡片
  • Collapse - 折叠面板
  • Carousel - 轮播图

# 其他UI组件

  • Button - 按钮
  • Dialog - 对话框
  • Dropdown - 下拉菜单
  • Popover - 弹出框
  • Tooltip - 文字提示
  • Upload - 上传
  • Preview - 预览
  • Swipe - 滑动
  • Grid - 栅格
  • Spinner - 加载动画

# 业务组件

业务组件是基于UI组件封装的高级组件,用于处理特定的业务场景。

# 对象类组件

对象类组件用于处理业务对象的基本操作,包括对象的增删改查等功能。

# 表单类

  • Form - 对象表单,用于创建和编辑对象

# 列表类

  • List - 对象列表,用于展示对象列表数据
  • RelatedList - 关联对象列表,用于展示关联对象的列表数据
  • MultiTable - 从对象列表,用于展示多个对象的关联数据

# 详情类

  • Detail - 对象详情,用于展示对象的详细信息
  • DetailForm - 对象详细信息表单,用于展示和编辑对象详情

# BI类组件

BI类组件用于数据分析和可视化展示。

  • ChartDetail - 统计图详情页,用于展示数据统计图表
  • DataRange - 图表数据筛选器,用于筛选图表数据范围
  • LWTable - 拼表,用于展示复杂的表格数据

# 其他业务组件

  • CustomLogin - 自定义登录,用于自定义登录页面
  • DuplicateTool - 重复工具,用于处理重复数据的工具

# 使用指南

  1. 选择合适的组件类型(UI组件或业务组件)
  2. 点击组件名称查看详细文档,了解使用方法
  3. 根据业务需求配置组件的属性和事件
  4. 确保组件之间的正确组合和交互
FxUI使用
按钮

← FxUI使用 按钮→

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式