amis/docs/renderers/List.md

List

列表展示。

属性名	类型	默认值	说明
type	string		"list" 指定为列表展示。
title	string		标题
source	string	${items}	数据源, 绑定当前环境变量
placeholder	string	‘暂无数据’	当没数据的时候的文字提示
className	string		外层 CSS 类名
headerClassName	string	amis-list-header	顶部外层 CSS 类名
footerClassName	string	amis-list-footer	底部外层 CSS 类名
listItem	Array		配置单条信息
listItem.title	string		标题，支持模板语法如： ${xxx}
listItem.titleClassName	string	h5	标题 CSS 类名
listItem.subTitle	string		副标题，支持模板语法如： ${xxx}
listItem.avatar	string		图片地址，支持模板语法如： ${xxx}
listItem.avatarClassName	string	thumb-sm avatar m-r	图片 CSS 类名
listItem.desc	string		描述，支持模板语法如： ${xxx}
listItem.body	Array 或者 Field		内容容器，主要用来放置 Field
listItem.actions	Array Of Button		按钮区域

{
    "type": "service",
    "api": "/api/sample?perPage=5",
    "body": [
        {
            "type": "panel",
            "title": "简单 List 示例",
            "body": {
                "type": "list",
                "source": "$rows",
                "listItem": {
                  "body": [
                    {
                      "type": "hbox",
                      "columns": [
                        {
                          "label": "Engine",
                          "name": "engine"
                        },

                        {
                            "name": "version",
                            "label": "Version"
                        }
                      ]
                    }
                  ],

                  "actions": [
                    {
                      "type": "button",
                      "level": "link",
                      "icon": "fa fa-eye",
                      "actionType": "dialog",
                      "dialog": {
                        "title": "查看详情",
                        "body": {
                          "type": "form",
                          "controls": [
                            {
                              "label": "Engine",
                              "name": "engine",
                              "type": "static"
                            },

                            {
                                "name": "version",
                                "label": "Version",
                                "type": "static"
                            }
                          ]
                        }
                      }
                    }
                  ]
                }
            }
        }
    ]
}