@cainiaofe/cn-ui-m
Version:
14 lines (13 loc) • 1.04 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 count = useState(35)[0];
return (React.createElement(CnDemoPage, { title: "\u5185\u5BB9\u8FC7\u957F\u5C55\u793A\u6EDA\u52A8\u6761" },
React.createElement(CnCard, null,
React.createElement(CnButton, { fullWidth: true, onClick: function () { return setV1(true); }, type: "primary" }, "\u6253\u5F00\u5BF9\u8BDD\u6846")),
React.createElement(CnDialog, { title: "Welcome to Alibaba.com", visible: v1, onOk: function () { return setV1(false); }, onCancel: function () { return setV1(false); }, onClose: function () { return setV1(false); } }, Array(count)
.fill('')
.map(function (_, index) { return (React.createElement("div", { style: { textAlign: 'center' }, key: index }, "a long long content here")); }))));
};
export default { title: 'demo/CnDialog' };