@cainiaofe/cn-ui-m
Version:
68 lines (67 loc) • 2.85 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnIcon, CnMessage, } from "../../..";
export var 定制底部操作区域 = function () {
var _a = useState(false), checkCard = _a[0], setCheckCard = _a[1];
return (React.createElement(CnDemoPage, { title: "\u6807\u9898+\u6807\u7B7E+\u5185\u5BB9+\u884C\u52A8\u70B9" },
React.createElement(CnCard, { title: "\u6807\u9898", desc: "\u6807\u9898\u8BF4\u660E", shape: "normal", onClick: function () {
console.log('cnCard-onClick');
}, action: React.createElement(CnButton, { text: true, type: "primary" },
React.createElement(CnIcon, { type: "edit" })), titleTag: {
status: 'info',
children: '标签',
}, footAction: {
checkBox: {
checked: checkCard,
onChange: function () {
setCheckCard(!checkCard);
},
},
buttons: [
{
children: '按钮1',
onClick: function () {
CnMessage.success({
content: '按钮1onClick',
duration: 3000,
});
},
},
{
children: '按钮2',
onClick: function () {
CnMessage.success({
content: '按钮2onClick',
duration: 3000,
});
},
},
{
children: '按钮3',
onClick: function () {
CnMessage.success({
content: '按钮3onClick',
duration: 3000,
});
},
},
{
children: '按钮4',
onClick: function () {
CnMessage.success({
content: '按钮4onClick',
duration: 3000,
});
},
},
],
} },
React.createElement("div", { style: {
height: '80px',
backgroundColor: '#F7F8FA',
borderRadius: '2px',
textAlign: 'center',
lineHeight: '80px',
color: '#B5B6B8',
} }, "\u5185\u5BB9\u533A"))));
};
export default { title: 'demo/CnCard' };