@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.89 kB
JavaScript
import React from 'react';
import { CnButton, CnPage, CnPageFooter, CnCard, CnDemoRect, CnButtonGroup, CnEllipsis, } from "../../..";
export var 基本 = function () {
return (React.createElement(CnPage, { footer: React.createElement(CnPageFooter, { middleSlot: [
React.createElement(CnButton, null, "\u6309\u94AE5"),
React.createElement(CnButton, null, "\u6309\u94AE4"),
React.createElement(CnButton, null, "\u6309\u94AE3"),
React.createElement(CnButton, null, "\u6309\u94AE2"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE1"),
] }) },
React.createElement(CnCard, { title: "\u7B2C\u4E00\u4E2A\u5361\u7247" },
React.createElement(CnDemoRect, null)),
React.createElement(CnCard, { title: "\u7B2C\u4E8C\u4E2A\u5361\u7247" },
React.createElement(CnDemoRect, null))));
};
export var 自定义内容 = function () {
var text = '菜鸟致力于打造一个数据驱动、开放、协同、共享的社会化物流平台，有40%以上员工从事技术岗位，利用物联网、人工智能、大数据、无人技术等物流科技结合物流行业数智化升级的痛点和需求，聚焦于物流新技术和新产品的研发，已经广泛服务物流行业的企业，对于物流行业的降本提效产生了重要的促进作用，共同助力物流行业数字化转型升级。';
return (React.createElement(CnPage, { footer: React.createElement(CnPageFooter, null,
React.createElement(CnEllipsis, null, text),
React.createElement(CnButtonGroup, { fullWidth: true, size: "large" },
React.createElement(CnButton, null, "\u6309\u94AE2"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE1"))) }));
};
export default { title: 'demo/CnPageFooter' };