-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemo-0.5117097784592977.html
123 lines (117 loc) · 3.29 KB
/
demo-0.5117097784592977.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<link rel="stylesheet" href="../index.css" />
<link rel="stylesheet" href="../index-1.css" />
<link rel="stylesheet" href="../index-2.css" />
<style>
html, body {
height: 100%;
margin: 0;
background: none;
}
#components-layout-demo-fixed .logo {
width: 120px;
height: 31px;
background: rgba(255,255,255,.2);
margin: 16px 24px 16px 0;
float: left;
}
</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));
});
}
</script>
</head>
<body>
<div id="components-layout-demo-fixed"></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');
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;
return React.createElement(_antd.Layout, null, React.createElement(Header, {
style: {
position: 'fixed',
zIndex: 1,
width: '100%'
}
}, React.createElement("div", {
className: "logo"
}), React.createElement(_antd.Menu, {
theme: "dark",
mode: "horizontal",
defaultSelectedKeys: ['2'],
style: {
lineHeight: '64px'
}
}, React.createElement(_antd.Menu.Item, {
key: "1"
}, "nav 1"), React.createElement(_antd.Menu.Item, {
key: "2"
}, "nav 2"), React.createElement(_antd.Menu.Item, {
key: "3"
}, "nav 3"))), React.createElement(Content, {
style: {
padding: '0 50px',
marginTop: 64
}
}, React.createElement(_antd.Breadcrumb, {
style: {
margin: '16px 0'
}
}, React.createElement(_antd.Breadcrumb.Item, null, "Home"), React.createElement(_antd.Breadcrumb.Item, null, "List"), React.createElement(_antd.Breadcrumb.Item, null, "App")), React.createElement("div", {
style: {
background: '#fff',
padding: 24,
minHeight: 380
}
}, "Content")), 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; },
},
[
app,
React.createElement('div', { ref(node) { container = node; }, }),
],
);
}
ReactDOM.render(app, mountNode);
</script>
</body>
</html>