代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style>
html, body {
height: 100%;
margin: 0;
background: none;
}
#components-layout-demo-fixed-sider .logo {
height: 32px;
background: rgba(255, 255, 255, 0.2);
margin: 16px;
}
</style>
<script>
// sync parent style generated by style-loader into iframe
if (parent.location.port) {
[].forEach.call(parent.document.getElementsByTagName('head')[0].querySelectorAll('style'), function(node) {
document.getElementsByTagName('head')[0].appendChild(node.cloneNode(true));
});
} else {
// append parent stylesheet
[].forEach.call(parent.document.querySelectorAll('link[rel=stylesheet]'), function(node) {
node && document.getElementsByTagName('head')[0].appendChild(node.cloneNode(true));
});
}
</script>
</head>
<body>
<div id="components-layout-demo-fixed-sider"></div>
<script>
function require(module) {
if (module === 'react-router') {
return window.ReactRouter;
}
if (module === 'react-router-dom') {
return window.ReactRouterDOM;
}
return window.parent[module];
}
var mountNode = document.getElementById('components-layout-demo-fixed-sider');
var React = require('react');
var ReactDOM = require('react-dom');
</script>
<script>
function bishengPluginReactPreviewer() {
var React = require("react");
var ReactDOM = require("react-dom");
var _antd = require("antd");
var Header = _antd.Layout.Header,
Content = _antd.Layout.Content,
Footer = _antd.Layout.Footer,
Sider = _antd.Layout.Sider;
return /*#__PURE__*/React.createElement(_antd.Layout, null, /*#__PURE__*/React.createElement(Sider, {
style: {
overflow: 'auto',
height: '100vh',
position: 'fixed',
left: 0
}
}, /*#__PURE__*/React.createElement("div", {
className: "logo"
}), /*#__PURE__*/React.createElement(_antd.Menu, {
theme: "dark",
mode: "inline",
defaultSelectedKeys: ['4']
}, /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "1"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "user"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 1")), /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "2"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "video-camera"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 2")), /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "3"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "upload"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 3")), /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "4"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "bar-chart"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 4")), /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "5"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "cloud-o"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 5")), /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "6"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "appstore-o"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 6")), /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "7"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "team"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 7")), /*#__PURE__*/React.createElement(_antd.Menu.Item, {
key: "8"
}, /*#__PURE__*/React.createElement(_antd.Icon, {
type: "shop"
}), /*#__PURE__*/React.createElement("span", {
className: "nav-text"
}, "nav 8")))), /*#__PURE__*/React.createElement(_antd.Layout, {
style: {
marginLeft: 200
}
}, /*#__PURE__*/React.createElement(Header, {
style: {
background: '#fff',
padding: 0
}
}), /*#__PURE__*/React.createElement(Content, {
style: {
margin: '24px 16px 0',
overflow: 'initial'
}
}, /*#__PURE__*/React.createElement("div", {
style: {
padding: 24,
background: '#fff',
textAlign: 'center'
}
}, "...", /*#__PURE__*/React.createElement("br", null), "Really", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "long", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "...", /*#__PURE__*/React.createElement("br", null), "content")), /*#__PURE__*/React.createElement(Footer, {
style: {
textAlign: 'center'
}
}, "Ant Design \xA92018 Created by Ant UED")));
}
</script>
<script>
var ReactDOM = require('react-dom');
var app = bishengPluginReactPreviewer();
if (true) {
var container = null;
app = React.createElement(
require('antd').ConfigProvider,
{
getPopupContainer() { return container; },
},
[
React.cloneElement(app, { key: 'AppContent' }),
React.createElement('div', {
key: 'InjectProviderHolder',
ref(node) { container = node; },
}),
],
);
}
ReactDOM.render(app, mountNode);
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。