npm i customize-2d-data-viewer
import {DataViewer} from 'customize-2d-data-viewer';
const orderId = '...';
const data = {...};
const App = () => {
return (<DataViewer
orderId={orderId}
data={data}
/>);
};| Property | Description | Type | Default |
|---|---|---|---|
| orderId | order id | string | '' |
| data | data | object | null |
| disableAutoColon | disable auto colon | boolean | false |
| color | font color | string | '#444444' |
| borderColor | border color form main box | string | '#e1e1e1' |
| fontSize | font size | number | 14 |
| sectionTitleFontSize | font size for title of section | number | 18 |
| sectionTitleBackgroundColor | background color for title of section | string | '#fafafa' |
| sectionTitleBorderColor | color for title of section | string | '#f2f2f2' |
| messageNoData | message while no data | string | '暂无数据' |
npm install
npm run devnpm run buildnpm publish