@cainiaofe/cn-ui-m
Version:
20 lines (19 loc) • 1.46 kB
JavaScript
import * as React from 'react';
import { CnDemoPage, CnDemoRect, CnTab, CnTabItem } from "../../..";
var tabExtraStyle = {
adding: '0 12px',
borderLeft: '1px solid #000',
};
export var 附加区域 = function () { return (React.createElement(CnDemoPage, { title: "\u9644\u52A0\u533A\u57DF" },
React.createElement(CnTab, { defaultActiveKey: 2, extra: React.createElement("div", { style: tabExtraStyle }, "\u9644\u52A0\u533A\u57DF") },
React.createElement(CnTabItem, { key: 1, title: "\u6807\u7B7E1\u957F\u6587\u672C" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E1\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 2, title: "\u6807\u7B7E2" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E2\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 3, title: "\u6807\u7B7E3\u957F\u6587\u672C" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E3\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 4, title: "\u6807\u7B7E4\u957F\u6587\u672C" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E4\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 5, title: "\u6807\u7B7E5\u957F\u6587\u672C\u957F\u6587\u672C\u957F\u6587\u672C\u957F\u6587\u672C" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E5\u5185\u5BB9\u5C55\u793A"))))); };
export default { title: 'demo/CnTab' };