布局
组件介绍
组件介绍
Page 页面
Page 页面
Container 容器
Container 容器
Collapse 折叠器
Collapse 折叠器
Divider 分割线
Divider 分割线
Flex 布局
Flex 布局
Grid 水平分栏
Grid 水平分栏
Grid 2D 布局
Grid 2D 布局
HBox 布局
HBox 布局
Pagination分页
Pagination分页
PaginationWrapper 分页容器
PaginationWrapper 分页容器
Panel 面板
Panel 面板
Tabs 选项卡
Tabs 选项卡
Wrapper 包裹容器
Wrapper 包裹容器
Portlet 门户栏目
Portlet 门户栏目
功能
Action 行为按钮
Action 行为按钮
App 多页应用
App 多页应用
Button 按钮
Button 按钮
ButtonGroup 按钮组
ButtonGroup 按钮组
Breadcrumb 面包屑
Breadcrumb 面包屑
Custom 自定义组件
Custom 自定义组件
DropDownButton 下拉按钮
DropDownButton 下拉按钮
Service 功能型容器
Service 功能型容器
Nav 导航
Nav 导航
AnchorNav 锚点导航
AnchorNav 锚点导航
TooltipWrapper 文字提示容器
TooltipWrapper 文字提示容器
PopOver 弹出提示
PopOver 弹出提示
数据输入
Form 表单
Form 表单
FormItem 表单项通用
FormItem 表单项通用
Control 表单项包裹
Control 表单项包裹
Options 选择器表单项
Options 选择器表单项
InputArray 数组输入框
InputArray 数组输入框
ButtonToolbar 按钮工具栏
ButtonToolbar 按钮工具栏
ButtonGroupSelect 按钮点选
ButtonGroupSelect 按钮点选
ChainedSelect 链式下拉框
ChainedSelect 链式下拉框
Checkbox 勾选框
Checkbox 勾选框
Checkboxes 复选框
Checkboxes 复选框
InputCity 城市选择器
InputCity 城市选择器
InputColor 颜色选择器
InputColor 颜色选择器
Combo 组合
Combo 组合
ConditionBuilder 条件组合
ConditionBuilder 条件组合
InputDate 日期选择器
InputDate 日期选择器
InputDatetime 日期时间选择器
InputDatetime 日期时间选择器
InputMonth 月份选择器
InputMonth 月份选择器
InputDateRange 日期范围选择器
InputDateRange 日期范围选择器
InputDatetimeRange 日期时间范围
InputDatetimeRange 日期时间范围
InputMonthRange 月份范围
InputMonthRange 月份范围
InputKV 键值对
InputKV 键值对
InputKVS 键值对象
InputKVS 键值对象
InputFormula 公式编辑器
InputFormula 公式编辑器
DiffEditor 对比编辑器
DiffEditor 对比编辑器
Editor 代码编辑器
Editor 代码编辑器
FieldSet 表单项集合
FieldSet 表单项集合
InputExcel Excel 解析
InputExcel Excel 解析
InputFile 文件上传
InputFile 文件上传
Formula 公式
Formula 公式
Group 表单项组
Group 表单项组
Hidden 隐藏字段
Hidden 隐藏字段
InputImage 图片
InputImage 图片
InputGroup 输入框组合
InputGroup 输入框组合
ListSelect 选择器
ListSelect 选择器
LocationPicker 地理位置
LocationPicker 地理位置
UUID 随机 ID
UUID 随机 ID
MatrixCheckboxes 矩阵勾选
MatrixCheckboxes 矩阵勾选
NestedSelect 级联选择器
NestedSelect 级联选择器
InputNumber 数字输入
InputNumber 数字输入
InputPassword 密码输入框
InputPassword 密码输入框
Picker 列表选择器
Picker 列表选择器
InputQuarter 季度
InputQuarter 季度
InputQuarterRange 季度范围
InputQuarterRange 季度范围
Radio 单选框
Radio 单选框
Radios 单选框
Radios 单选框
ChartRadios 图表单选框
ChartRadios 图表单选框
InputRating 评分
InputRating 评分
InputRange 滑块
InputRange 滑块
InputRepeat 重复频率选择器
InputRepeat 重复频率选择器
InputRichText 富文本编辑器
InputRichText 富文本编辑器
Select 下拉框
Select 下拉框
InputSubForm 子表单
InputSubForm 子表单
Switch 开关
Switch 开关
Static 静态展示
Static 静态展示
InputTable 表格
InputTable 表格
InputTag 标签选择器
InputTag 标签选择器
InputText 输入框
InputText 输入框
Textarea 多行输入框
Textarea 多行输入框
InputTime 时间
InputTime 时间
InputTimeRange 时间
InputTimeRange 时间
Transfer 穿梭器
Transfer 穿梭器
TransferPicker 穿梭选择器
TransferPicker 穿梭选择器
TabsTransfer 组合穿梭器
TabsTransfer 组合穿梭器
TabsTransferPicker 组合穿梭选择器
TabsTransferPicker 组合穿梭选择器
InputTree 树形选择框
InputTree 树形选择框
TreeSelect 树形选择器
TreeSelect 树形选择器
InputYear 年输入
InputYear 年输入
InputYearRange 年份范围
InputYearRange 年份范围
JsonSchema
JsonSchema
JsonSchema Editor
JsonSchema Editor
InputSignature 签名面板
InputSignature 签名面板
InputVerificationCode 验证码
InputVerificationCode 验证码
数据展示
CRUD 增删改查
CRUD 增删改查
Table 表格
Table 表格
Table2 表格
Table2 表格
Table View 表格视图
Table View 表格视图
Calendar 日历日程
Calendar 日历日程
Card 卡片
Card 卡片
Cards 卡片组
Cards 卡片组
Carousel 轮播图
Carousel 轮播图
Chart 图表
Chart 图表
Code 代码高亮
Code 代码高亮
Color 颜色
Color 颜色
Date 日期时间
Date 日期时间
Each 循环渲染器
Each 循环渲染器
Html
Html
Icon 图标
Icon 图标
iFrame
iFrame
Image 图片
Image 图片
Images 图片集
Images 图片集
GridNav 宫格导航
GridNav 宫格导航
Json
Json
Link 链接
Link 链接
List 列表
List 列表
Log 实时日志
Log 实时日志
Mapping 映射
Mapping 映射
Number 展示
Number 展示
Markdown 渲染
Markdown 渲染
OfficeViewer Word 渲染
OfficeViewer Word 渲染
OfficeViewer Excel 渲染
OfficeViewer Excel 渲染
PDFViewer 渲染
PDFViewer 渲染
Progress 进度条
Progress 进度条
Steps 步骤条
Steps 步骤条
Property 属性表
Property 属性表
QRCode 二维码
QRCode 二维码
BarCode 条形码
BarCode 条形码
Remark 标记
Remark 标记
SearchBox 搜索框
SearchBox 搜索框
Sparkline 走势图
Sparkline 走势图
Status 状态
Status 状态
Tpl 模板
Tpl 模板
Tag 标签
Tag 标签
Video 视频
Video 视频
Timeline 时间轴
Timeline 时间轴
Shape 形状
Shape 形状
Slider 滑动条
Slider 滑动条
反馈
Alert 提示
Alert 提示
Dialog 对话框
Dialog 对话框
Drawer 抽屉
Drawer 抽屉
Spinner 加载中
Spinner 加载中
Toast 轻提示
Toast 轻提示
其他
Avatar 头像
Avatar 头像
Audio 音频
Audio 音频
Tasks 任务操作集合
Tasks 任务操作集合
Badge 角标
Badge 角标
Wizard 向导
Wizard 向导
Web Component
Web Component
amis 渲染器
amis 渲染器

组件介绍

从这个章节开始，我们将会介绍 amis 中内置的所有组件的使用方法