@cainiaofe/cn-ui-m
Version:
19 lines (18 loc) • 1.21 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnDemoPage, CnIcon, CnMessage, CnNavBar, } from "../../..";
export var 返回按钮 = function () {
var back = function () {
return CnMessage.show({
content: '点击了返回区域',
duration: 1000,
});
};
return (React.createElement(CnDemoPage, { title: "\u8FD4\u56DE\u6309\u94AE" },
React.createElement(CnDemoBlock, { title: "\u8FD4\u56DE\u6309\u94AE\u663E\u793A\u6587\u5B57", padding: "0" },
React.createElement(CnNavBar, { back: "\u8FD4\u56DE", title: "\u6807\u9898", onBack: back })),
React.createElement(CnDemoBlock, { title: "\u8FD4\u56DE\u6309\u94AE\u4E0D\u663E\u793A\u56FE\u6807", padding: "0" },
React.createElement(CnNavBar, { back: "\u8FD4\u56DE", title: "\u6807\u9898", onBack: back, backArrow: false })),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u8FD4\u56DE\u6309\u94AE\u56FE\u6807", padding: "0" },
React.createElement(CnNavBar, { back: "\u8FD4\u56DE", title: "\u6807\u9898", backArrow: React.createElement(CnIcon, { type: "arrow-up", size: "xl" }), onBack: back }))));
};
export default { title: 'demo/CnNavBar' };