@cainiaofe/cn-ui-m
Version:
13 lines (12 loc) • 929 B
JavaScript
import React from 'react';
import { CnProgress, CnDemoBlock, CnIcon, CnBox, CnDemoPage, } from "../../..";
export var 圆形进度条 = function () {
return (React.createElement(CnDemoPage, { title: "\u5706\u5F62\u8FDB\u5EA6\u6761" },
React.createElement(CnDemoBlock, { title: "\u5706\u5F62\u8FDB\u5EA6\u6761" },
React.createElement(CnBox, { direction: "row", spacing: 20 },
React.createElement(CnProgress, { percent: 30, shape: "circle" }),
React.createElement(CnProgress, { percent: 80, shape: "circle", textRender: function () { return ''; } }),
React.createElement(CnProgress, { percent: 100, shape: "circle", textRender: function () { return React.createElement(CnIcon, { type: "complete", size: "xl" }); } })))));
};
圆形进度条.desc = '通过将 shape 设置为 circle，可以得到圆形进度条';
export default { title: 'demo/CnProgress' };