@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.44 kB
JavaScript
import React from 'react';
import { CnBox, CnDemoBlock, CnDemoPage, CnIcon, CnMessage, CnNavBar, } from "../../..";
export var 自定义区域 = function () {
var back = function () {
return CnMessage.show({
content: '点击了返回区域',
duration: 1000,
});
};
var right = (React.createElement(CnBox, { direction: "row", spacing: 4 },
React.createElement(CnIcon, { type: "search", size: "xl" }),
React.createElement(CnIcon, { type: "filter", size: "xl" })));
return (React.createElement(CnDemoPage, { title: "\u81EA\u5B9A\u4E49\u533A\u57DF" },
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u5DE6\u4FA7\u533A\u57DF", padding: "0" },
React.createElement(CnNavBar, { back: "\u8FD4\u56DE", title: "\u6807\u9898", onBack: back, left: "\u5173\u95ED" })),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u53F3\u4FA7\u533A\u57DF", padding: "0" },
React.createElement(CnNavBar, { title: "\u6807\u9898", right: right, onBack: back })),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u9AD8\u5EA6\u53CA\u8FB9\u6846", padding: "0" },
React.createElement(CnNavBar, { style: {
height: '36px',
borderBottom: '1px #eee solid',
}, onBack: back, title: "\u6807\u9898" }))));
};
export default { title: 'demo/CnNavBar' };