@cainiaofe/cn-ui-m
Version:
30 lines (29 loc) • 2.42 kB
JavaScript
import React from 'react';
import { CnBox, CnLoading, CnDemoBlock, CnDemoRect, CnDemoPage, } from "../../..";
export var 基本 = function () { return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { title: "\u5C3A\u5BF8" },
React.createElement(CnBox, { direction: "row" },
React.createElement(CnLoading, { visible: true, size: "small" }),
React.createElement(CnLoading, { visible: true }),
React.createElement(CnLoading, { visible: true, size: "large" }))),
React.createElement(CnDemoBlock, { title: "\u52A0\u8F7D\u6587\u6848" },
React.createElement(CnBox, { direction: "row" },
React.createElement(CnLoading, { visible: true, size: "small", tip: "loading" }),
React.createElement(CnLoading, { visible: true, tip: "loading" }),
React.createElement(CnLoading, { visible: true, size: "large", tip: "loading" }))),
React.createElement(CnDemoBlock, { title: "\u6587\u6848\u5728\u53F3\u4FA7" },
React.createElement(CnBox, { direction: "row" },
React.createElement(CnLoading, { visible: true, tip: "loading", tipAlign: "right" }))),
React.createElement(CnDemoBlock, { title: "\u5F00\u542F\u6E10\u53D8" },
React.createElement(CnBox, { direction: "row" },
React.createElement(CnLoading, { visible: true, tip: "\u5F00\u542F\u6E10\u53D8" }),
React.createElement(CnLoading, { visible: true, tip: "\u672A\u5F00\u542F\u6E10\u53D8", isGradient: false }))),
React.createElement(CnDemoBlock, { title: "\u53CD\u8272\u6A21\u5F0F" },
React.createElement(CnDemoRect, { style: { backgroundColor: 'rgba(0,0,0,0.75)', height: 100 } },
React.createElement(CnBox, { direction: "row", style: { width: '100%' } },
React.createElement(CnLoading, { visible: true, inverse: true, tip: "\u5F00\u542F\u6E10\u53D8" }),
React.createElement(CnLoading, { visible: true, inverse: true, tip: "\u672A\u5F00\u542F\u6E10\u53D8", isGradient: false })))),
React.createElement(CnDemoBlock, { title: "\u6E32\u67D3\u5B50\u5143\u7D20" },
React.createElement(CnLoading, { visible: true, tip: "loading", isRenderChilren: true },
React.createElement("div", { style: { width: 120, padding: '50px 0', textAlign: 'center' } }, "basic usage"))))); };
export default { title: 'demo/CnLoading' };