@cainiaofe/cn-ui-m
Version:
17 lines (16 loc) • 1.95 kB
JavaScript
import * as React from 'react';
import { CnButton, CnDemoBlock, CnDemoPage, CnResult, } from "../../..";
export var 使用icon = function () {
return (React.createElement(CnDemoPage, { title: "\u4F7F\u7528 icon" },
React.createElement(CnDemoBlock, { title: "\u4FE1\u606F" },
React.createElement(CnResult, { subTitle: "\u9875\u9762\u6E32\u67D3\u6210\u529F\uFF0C\u9875\u9762\u6E32\u67D3\u6210\u529F\uFF0C\u9875\u9762\u6E32\u67D3\u6210\u529F\u3002" })),
React.createElement(CnDemoBlock, { title: "\u6210\u529F" },
React.createElement(CnResult, { type: "success", title: "\u6210\u529F", subTitle: "\u9875\u9762\u6E32\u67D3\u6210\u529F\uFF0C\u9875\u9762\u6E32\u67D3\u6210\u529F\uFF0C\u9875\u9762\u6E32\u67D3\u6210\u529F\u3002" })),
React.createElement(CnDemoBlock, { title: "\u8B66\u544A" },
React.createElement(CnResult, { type: "warning", title: "\u8B66\u544A", subTitle: "\u9875\u9762\u6E32\u67D3\u8B66\u544A\uFF0C\u9875\u9762\u6E32\u67D3\u8B66\u544A\uFF0C\u9875\u9762\u6E32\u67D3\u8B66\u544A\u3002" })),
React.createElement(CnDemoBlock, { title: "\u9519\u8BEF" },
React.createElement(CnResult, { type: "error", title: "\u9519\u8BEF", subTitle: "\u9875\u9762\u6E32\u67D3\u9519\u8BEF\uFF0C\u9875\u9762\u6E32\u67D3\u9519\u8BEF\uFF0C\u9875\u9762\u6E32\u67D3\u9519\u8BEF\u3002", extra: React.createElement(CnButton, { type: "normal", onClick: function () { return window.location.reload(); } }, "\u5237\u65B0") })),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u56FE\u6807" },
React.createElement(CnResult, { icon: "smile-fill", title: "\u5F00\u5FC3", subTitle: "\u53C8\u662F\u5145\u6EE1\u6FC0\u60C5\u7684\u4E00\u5929\uFF0C\u8BB0\u4F4F\u8981\u8BA4\u771F\u3001\u5FEB\u4E50\u7684\u5DE5\u4F5C\u54E6\uFF01", extra: React.createElement(CnButton, { type: "normal" }, "\u4E0B\u4E00\u6B65") }))));
};
export default { title: 'demo/CnResult' };