@cainiaofe/cn-ui-m
Version:
29 lines (28 loc) • 1.51 kB
JavaScript
import { __assign } from "tslib";
import React from 'react';
import { CnBox, CnCard, CnPage } from "../../..";
var demoStyle = {
backgroundColor: '#e2e6ec',
height: '50%',
minHeight: '30px',
border: 'solid 1px rgb(242, 244, 248)',
};
var twentyStyle = {
width: '20%',
};
export var 排布方向 = function () { return (React.createElement(CnPage, { title: "\u6392\u5E03\u65B9\u5411" },
React.createElement(CnCard, { title: "\u9ED8\u8BA4\u7EB5\u5411", noPadding: true },
React.createElement(CnBox, { spacing: 20 },
React.createElement("div", { style: demoStyle }),
React.createElement("div", { style: demoStyle }),
React.createElement("div", { style: demoStyle }),
React.createElement("div", { style: demoStyle }))),
React.createElement(CnCard, { title: "\u6A2A\u5411\u6392\u5E03", noPadding: true },
React.createElement(CnBox, { direction: "row", spacing: 20 },
React.createElement("div", { style: __assign(__assign({}, demoStyle), twentyStyle) }),
React.createElement("div", { style: __assign(__assign({}, demoStyle), twentyStyle) }),
React.createElement("div", { style: __assign(__assign({}, demoStyle), twentyStyle) }),
React.createElement("div", { style: __assign(__assign({}, demoStyle), twentyStyle) }))))); };
排布方向.desc =
'默认子元素的排布方向为column， 可以通过direction参数修改为row。';
export default { title: 'demo/CnBox' };