@cainiaofe/cn-ui-m
Version:
22 lines (21 loc) • 1.42 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDrawer } from "../../..";
export var 自定义footer = function () {
var _a = useState(false), visible = _a[0], setVisible = _a[1];
return (React.createElement(CnDemoPage, { title: "\u81EA\u5B9A\u4E49footer" },
React.createElement(CnCard, null,
React.createElement("div", null, "footer\u5F00\u542F\u540E\uFF0C\u4F1A\u6839\u636E\u89C4\u8303\u663E\u793A\u786E\u8BA4\u4E0E\u53D6\u6D88,\u5E76\u4E14footer\u63D2\u5165\u5185\u5BB9\uFF0C\u4E5F\u53EA\u662F\u89C4\u8303\u6309\u94AE\u5DE6\u4FA7\u7684\u63D2\u69FD"),
React.createElement("br", null),
React.createElement(CnButton, { type: "primary", onClick: function () {
setVisible(true);
} }, "\u6253\u5F00\u6709footer\u7684\u62BD\u5C49")),
React.createElement(CnDrawer, { title: "\u6807\u9898", visible: visible, footer: React.createElement(CnButton, { fullWidth: true, size: "large" }, "\u81EA\u5B9A\u4E49"), onClose: function () {
setVisible(false);
} },
React.createElement("div", null, "111"),
React.createElement("div", null, "111"),
React.createElement("div", null, "111"),
React.createElement("div", null, "111"),
React.createElement("div", null, "111"))));
};
export default { title: 'demo/CnDrawer' };