@cainiaofe/cn-ui-m/es/components/cn-page/demo/nav.stories.js

## 在线文档

import React from 'react';
import { CnButton, CnPage, CnPageFooter, CnCard, CnDemoRect, CnNavBar, } from "../../..";
export var 带导航 = function () {
    return (React.createElement(CnPage, null,
        React.createElement(CnNavBar, { title: "\u9875\u9762\u6807\u9898" }),
        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)),
        React.createElement(CnCard, { title: "\u7B2C\u4E09\u4E2A\u5361\u7247" },
            React.createElement(CnDemoRect, null)),
        React.createElement(CnCard, { title: "\u7B2C\u56DB\u4E2A\u5361\u7247" },
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null),
            React.createElement(CnDemoRect, null)),
        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"),
            ] })));
};
export default { title: 'demo/CnPage' };