@cainiaofe/cn-ui-m
Version:
59 lines (58 loc) • 1.87 kB
JavaScript
import { __assign } from "tslib";
import React from 'react';
import { CnDemoBlock, CnDemoPage, CnList, CnListItem, } from "../../..";
export var 排行榜 = function () {
var list = [
{
title: '西南大区',
extraTags: [
{
status: 'info',
text: '1.17%',
},
],
},
{
title: '西北大区',
extraTags: [
{
status: 'info',
text: '1.26%',
},
],
},
{
title: '华南大区',
extraTags: [
{
status: 'invalid',
text: '1.31%',
},
],
},
{
title: '鄂赣大区',
extraTags: [
{
status: 'info',
text: '1.00%',
},
],
},
];
return (React.createElement(CnDemoPage, { title: "\u6392\u884C\u699C" },
React.createElement(CnDemoBlock, { padding: "0", title: "\u56FE\u7247" },
React.createElement(CnList, null, list === null || list === void 0 ? void 0 : list.map(function (item, index) {
var meida = (React.createElement("div", { style: {
width: '20px',
height: '20px',
background: '#005BE5',
borderRadius: '50%',
color: '#fff',
textAlign: 'center',
lineHeight: '20px',
} }, index + 1));
return React.createElement(CnListItem, __assign({ arrow: "right", media: meida }, item));
})))));
};
export default { title: 'demo/CnList' };