@cainiaofe/cn-ui-m
Version:
20 lines (19 loc) • 1.15 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnDemoPage, CnModal } from "../../..";
var containerStyle = {
margin: 'auto',
borderRadius: '12px',
display: 'flex',
flexDirection: 'column',
width: 'calc(100% - 80px)',
maxHeight: 'calc(100vh - 160px)',
backgroundColor: 'rgb(255, 255, 255)',
};
export var 基本 = function () {
var _a = useState(false), visible = _a[0], setVisible = _a[1];
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnButton, { fullWidth: true, type: "primary", onClick: function () { return setVisible(true); } }, "\u5185\u5BB9\u5C55\u793A"),
React.createElement(CnModal, { visible: visible, maskClosable: true, placement: "center", onClose: function () { return setVisible(false); } },
React.createElement("div", { style: containerStyle }, "\u5C0F\u4EF6\u5458\u5FB7\u521A\uFF0C\u5728 15:39 \u901A\u8FC7 wifi \u4EA4\u63A5\u7684\u65B9\u5F0F\uFF0C\u9001\u8FBE1\u6279\u6B213\u4E2A\u5305\u88F9\uFF0C\u8BF7\u4E8E 04/26 20:00 \u524D\u64CD\u4F5C\u5165\u5E93\u3002"))));
};
export default { title: 'demo/CnModal' };