@cainiaofe/cn-ui-m
Version:
24 lines (23 loc) • 1.19 kB
JavaScript
import React from 'react';
import { CnListPro, CnListProItem, CnPage, CnIcon, CnImageViewer, } from "../../..";
export default {
title: 'demo/CnListPro',
};
export var 基本 = function () {
return (React.createElement(CnPage, { title: "\u57FA\u672C" },
React.createElement(CnListPro, { dataSource: [
{
title: '标题1',
description: '描述1',
avatar: 'https://gw.alicdn.com/imgextra/i2/O1CN01ZwZHYg1Z1sTgvq6QZ_!!6000000003135-2-tps-500-500.png',
disabled: true,
},
{
title: '标题2',
description: '描述2',
avatar: 'https://gw.alicdn.com/imgextra/i2/O1CN01ZwZHYg1Z1sTgvq6QZ_!!6000000003135-2-tps-500-500.png',
},
], renderItem: function (item) {
return (React.createElement(CnListProItem, { title: item.title, description: item.description, avatar: React.createElement(CnImageViewer, { width: 40, height: 40, src: item.avatar }), actions: React.createElement(CnIcon, { type: "arrow-right", size: "medium" }) }));
} })));
};