amis/docs/zh-CN/components/tpl.md

1.2 KiB
Executable File

title description type group menuName icon order
Tpl 模板 0 ⚙ 组件 Tpl 70

输出 模板 的常用组件

基本用法

{
  "data": {
    "text": "World!"
  },
  "type": "page",
  "body": {
    "type": "tpl",
    "tpl": "Hello ${text}"
  }
}

更多模板相关配置请看模板文档

快速编辑

通过 quickEdit 开启快速编辑功能,比如

{
    "type": "form",
    "controls": [
        {
            "name": "static",
            "type": "static",
            "label": "静态展示",
            "value": "123",
            "quickEdit": {
                "type": "number"
            }
        }
    ]
}

其他配置项参考 快速编辑

属性表

属性名 类型 默认值 说明
type string "tpl" 指定为 Tpl 组件
className string 外层 Dom 的类名
tpl 模板 配置模板