amis/examples/components/CRUD/Fields.jsx

92 lines
2.5 KiB
React
Raw Normal View History

2019-04-30 11:11:25 +08:00
export default {
2019-05-09 18:25:12 +08:00
$schema: "https://houtai.baidu.com/v2/schemas/page.json#",
2019-04-30 11:11:25 +08:00
title: "增删改查列类型汇总",
body: {
type: "crud",
api: "/api/mock2/crud/list",
columns: [
{
name: "id",
label: "ID",
type: "text"
},
2019-06-03 09:58:42 +08:00
{
name: "audio",
label: "音频",
type: "audio"
},
2019-05-16 11:04:55 +08:00
{
name: "carousel",
label: "轮播图",
2019-05-16 16:31:20 +08:00
type: "carousel",
width: "300"
2019-05-16 11:04:55 +08:00
},
2019-04-30 11:11:25 +08:00
{
name: "text",
label: "文本",
type: "text"
},
{
type: 'image',
label: '图片',
name: 'image',
popOver: {
title: '查看大图',
body: '<div class="w-xxl"><img class="w-full" src="${image}"/></div>'
}
},
{
name: 'date',
type: 'date',
label: '日期'
},
{
name: "progress",
label: "进度",
type: "progress"
},
{
name: "boolean",
label: "状态",
type: "status"
},
{
name: "boolean",
label: "开关",
type: "switch",
// readOnly: false // 可以开启修改模式
},
{
name: "type",
label: "映射",
type: "mapping",
map: {
"*": "其他:${type}",
"1": "<span class='label label-info'>漂亮</span>",
"2": "<span class='label label-success'>开心</span>",
"3": "<span class='label label-danger'>惊吓</span>",
"4": "<span class='label label-warning'>紧张</span>"
}
},
{
name: 'list',
type: 'list',
label: 'List',
placeholder: '-',
size: "sm",
listItem: {
title: '${title}',
subTitle: '${description}'
}
},
{
name: 'json',
type: 'json',
label: 'Json'
}
]
}
};