UNPKG

@cainiaofe/cn-ui-m

Version:
26 lines (25 loc) 1.34 kB
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' };