forked from p96170835/amis
6.2 KiB
6.2 KiB
| title |
|---|
| 渲染器手册 |
amis 页面是由一个个渲染模型组成的，并且支持无限层级嵌套，掌握他们规则，就能灵活配置出各种页面。
开始之前，请您一定要先阅读基本用法。
- Page: JSON 配置最外层的 Page 渲染器
- Form: 表单渲染器
- FormItem: 所有表单项都有的通用配置
- Array: 数组输入框配置
- Button-Group: 按钮集合
- Button-Toolbar: 让多个按钮在一起放置
- Button: 按钮, 包含 button、submit 和 reset
- Chained-Select: 无限级别下拉
- Checkbox: 勾选框
- Checkboxes: 复选框
- City: 城市选择
- Color: 颜色选择器
- Combo: 组合模式
- Date-Range: 日期范围类型
- Date: 日期类型
- Datetime: 日期时间类型
- Editor: 编辑器
- Email: Email 输入框
- FieldSet: 多个输入框可以通过 fieldSet 捆绑在一起
- File: 文件输入
- Formula: 公式类型
- Grid: 支持 form 内部再用 grid 布局
- Group: 表单项集合
- HBox: 支持 form 内部再用 HBox 布局
- Hidden: 隐藏字段类型
- Image: 图片输入
- List: 简单的列表选择框
- Matrix: 矩阵类型的输入框
- NestedSelect: 树形结构选择框
- Number: 数字输入框
- Panel: 还是为了布局，可以把一部分 FormItem 合并到一个 panel 里面单独展示
- Password: 密码输入框
- Picker: 列表选取
- Radios: 单选框
- Range: 范围输入框
- Rating: 评分
- Repeat: 可用来设置重复频率
- Rich-Text: 富文本编辑器
- Select: 选项表单
- Service: 动态配置，配置项由接口决定
- Static: 纯用来展现数据的
- SubForm: formItem 还可以是子表单类型
- Switch: 可选框，和 checkbox 完全等价
- Table: 可以用来展示数组类型的数据
- Tabs: 多个输入框通过选项卡来分组
- TabsTransfer: 组合穿梭器，用来勾选选项。
- Tag: 标签输入框
- Text: 普通的文本输入框
- Textarea: 多行文本输入框
- Time: 时间类型
- Transfer: 穿梭器，用来勾选选项。
- Tree: 树形结构输入框
- TreeSelect: 树形结构选择框
- Url: URL 输入框
- Action: 一种特殊的渲染器，它本身是一个按钮，同时它能触发事件
- Alert: 提示框
- Audio: 音频播放器
- Button-Group： 按钮集合
- Card: 卡片的展示形式
- Cards: 卡片集合
- Carousel: 轮播图
- Chart: Echarts 图表渲染器
- Collapse: 折叠器
- CRUD: 增删改查模型，主要用来展现列表
- CRUD-Table: 请参考 Table
- CRUD-Cards: 请参考 Cards
- CRUD-List: 请参考 List
- Definitions: 建立当前页面公共的配置项
- Dialog: Dialog 由 Action 触发。他是一个类似于 Page 的容器模型
- Divider: 分割线
- Drawer: Drawer 由 Action 触发
- Each: 基于现有变量循环输出渲染器
- Field: 主要用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的 Static-XXX 中
- Grid: Grid 布局
- HBox: HBox 布局
- Html: html, 当需要用到变量时，请用 Tpl 代替
- iFrame： 如果需要内嵌外部站点，可用 iframe 来实现
- JSON: JSON 数据展现
- List: 列表展示
- Nav: 菜单栏
- Panel: 可以把相关信息以盒子的形式展示到一块。
- Plain: 单纯的文字输出
- QRCode: 二维码显示组件
- Service: 功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据
- Table: 表格展示
- Column: 表格中的列配置
- Tabs: 标签页
- Tasks: 任务操作集合，适用于一步步操作
- Tpl: 支持用 JS 模板引擎来组织输出
- Types: 类型说明文档
- Video: 视频播放器
- Wizard: 表单向导
- Wrapper: 简单的一个容器