@cainiaofe/cn-ui-m
Version:
41 lines (40 loc) • 2.83 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDialog } from "../../..";
export var 超大弹窗 = function () {
var _a = useState(false), v1 = _a[0], setV1 = _a[1];
var _b = useState(false), v2 = _b[0], setV2 = _b[1];
return (React.createElement(CnDemoPage, { title: "\u8D85\u5927\u5F39\u7A97" },
React.createElement(CnCard, null,
React.createElement(CnButton, { style: {
marginRight: '0.8rem',
}, onClick: function () { return setV1(true); } }, "\u8D85\u5927\u5F39\u7A97"),
React.createElement(CnButton, { style: {
marginRight: '0.8rem',
}, onClick: function () { return setV2(true); } }, "\u5E26\u4E8C\u7EA7\u6807\u9898\u7684\u5F39\u7A97\u666E\u901A\u5F39\u7A97")),
React.createElement(CnDialog, { title: "\u8D85\u5927\u5F39\u7A97", size: "large", visible: v1, onClose: function () { return setV1(false); }, onCancel: function () { return setV1(false); } },
React.createElement("span", null, "\u5927")),
React.createElement(CnDialog, { visible: v2, hideTitle: true, onClose: function () { return setV2(false); }, onCancel: function () { return setV2(false); } },
React.createElement("div", { style: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: '2.4rem 0',
} },
React.createElement("img", { width: "108", height: "108", src: "https://gw.alicdn.com/imgextra/i2/O1CN01NoTm2820n2ochB1QU_!!6000000006893-55-tps-240-240.svg" }),
React.createElement("div", { style: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
flex: 1,
} },
React.createElement("div", { style: {
color: '#333',
fontSize: '1rem',
fontWeight: 'bold',
} }, "\u6211\u662F\u6807\u9898"),
React.createElement("span", { style: {
fontSize: '0.8rem',
marginTop: 10,
} }, "\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9"))))));
};
export default { title: 'demo/CnDialog' };