@cainiaofe/cn-ui-m
Version:
27 lines (26 loc) • 1.84 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDialog } from "../../..";
export var 图片 = function () {
var _a = useState(false), v = _a[0], setV = _a[1];
return (React.createElement(CnDemoPage, { title: "\u56FE\u7247" },
React.createElement(CnCard, null,
React.createElement(CnButton, { onClick: function () { return setV(true); } }, "\u6253\u5F00\u5F39\u7A97")),
React.createElement(CnDialog, { visible: v, onClose: function () { return setV(false); }, onCancel: function () { return setV(false); } },
React.createElement("div", { style: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
} },
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", null, "\u6211\u662F\u6807\u9898"),
React.createElement("span", { style: {
marginTop: 10,
} }, "\u6211\u662F\u4E8C\u7EA7\u5185\u5BB9\uFF1A\u83DC\u9E1F\u662F\u5168\u7403\u6700\u5927\u7684\u8DE8\u5883\u7535\u5B50\u5546\u52A1\u7269\u6D41\u63D0\u4F9B\u5546\uFF0C\u62E5\u6709\u5168\u7403\u6700\u5927\u7684\u7684\u8DE8\u5883\u7535\u5546\u4ED3\u7F51\uFF0C\u4E3A\u5546\u5BB6\u63D0\u4F9B\u7AEF\u5230\u7AEF\u7684\u8DE8\u5883\u7535\u5546\u7269\u6D41\u89E3\u51B3\u65B9\u6848\u3002"))))));
};
export default { title: 'demo/CnDialog' };