@cainiaofe/cn-ui-m
Version:
55 lines (54 loc) • 1.84 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnDemoPage, CnList } from "../../..";
export var 数据源渲染 = function () {
var data = [
{
title: '简单列表',
arrow: 'right',
},
{
title: '有头像的情况',
description: '这里是描述描述',
subTitle: '这里是副标题',
icon: 'billing-management',
mediaImgUrl: 'https://gw.alicdn.com/imgextra/i2/O1CN01ZwZHYg1Z1sTgvq6QZ_!!6000000003135-2-tps-500-500.png',
},
{
title: 'extra是文案',
description: '这里是描述描述',
subTitle: '这里是副标题',
arrow: 'right',
mediaIcon: 'density',
extra: '这里是extra内容',
},
{
title: 'extra是小红点',
description: '这里是描述描述',
subTitle: '这里是副标题',
arrow: 'right',
mediaIcon: 'pie-chart',
extraBadge: true,
},
{
title: 'extra是标签组',
description: '这里是描述描述',
subTitle: '这里是副标题',
arrow: 'right',
mediaIcon: 'rule-management',
extraTags: [
{
status: 'info',
text: '标签',
},
{
status: 'info',
text: '标签2',
},
],
},
];
return (React.createElement(CnDemoPage, { title: "\u6570\u636E\u6E90\u6E32\u67D3" },
React.createElement(CnDemoBlock, { padding: "0", title: "dataSource\u6570\u636E\u6E90" },
React.createElement(CnList, { dataSource: data }))));
};
export default { title: 'demo/CnList' };