@cainiaofe/cn-ui-m
Version:
26 lines (25 loc) • 1.34 kB
JavaScript
import React from 'react';
import { CnBox, CnCard, CnPage } from "../../..";
var demoStyle = {
width: '20%',
backgroundColor: '#e2e6ec',
height: '50%',
minHeight: '30px',
border: 'solid 1px rgb(242, 244, 248)',
};
export var 内外边距 = function () { return (React.createElement(CnPage, { title: "\u5185\u5916\u8FB9\u8DDD" },
React.createElement(CnCard, { title: "\u5185\u8FB9\u8DDD", noPadding: true },
React.createElement(CnBox, { direction: "row", padding: 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: "\u5916\u8FB9\u8DDD", noPadding: true },
React.createElement(CnBox, { direction: "row" },
React.createElement("div", { style: demoStyle }),
React.createElement("div", { style: demoStyle }),
React.createElement(CnBox, { margin: [0, 20], style: demoStyle }),
React.createElement("div", { style: demoStyle }))))); };
内外边距.desc =
'可以通过padding margin设置CnBox的内、外边距，[10, 5]表示上下方向为 10，左右方向为 5。';
export default { title: 'demo/CnBox' };