Skip to content

Commit 2e81faa

Browse files
zhurczhurc
committed
示例导航改版
1 parent d4a883b commit 2e81faa

28 files changed

+1101
-531
lines changed

‎examples/3dwebgl/editor.html‎

Lines changed: 23 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,24 +5,37 @@
55
<title>SuperMap 3D-WebGL 示例代码</title>
66
<link rel="shortcut icon" type="image/x-icon" href="../../web/img/favicon.ico"/>
77
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
8-
<script type="text/javascript" include="jquery,bootstrap,admin-lte,jquery.scrollto,ace,i18n" src="../js/include-web.js"></script>
8+
<script type="text/javascript" include="jquery,bootstrap,template,admin-lte,ace,i18n"
9+
src="../js/include-web.js"></script>
910
<link rel="stylesheet" href="../css/common.css">
1011
<link rel="stylesheet" href="../css/header.css">
1112
<link rel="stylesheet" href="../css/sideBar.css">
1213
<link rel="stylesheet" href="../css/editor.css">
14+
<script type="text/javascript" src="../js/utils.js"></script>
1315
</head>
1416
<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">
17+
18+
<!-- ./wrapper -->
1519
<div class="wrapper"></div>
1620
<script>
17-
$('.wrapper').load('../section/editor.html', function () {
18-
$('.nav-header').load('../section/header.html');
19-
var body = $('body');
20-
body.append("<script type='text/javascript' src='./config.js'><\/script>");
21-
body.append("<script type='text/javascript' src='../js/utils.js'><\/script>");
22-
body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
23-
body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
24-
body.append("<script type='text/javascript' src='../js/editor.js'><\/script>");
25-
});
21+
$('.wrapper').load("../template/editor.html", function () {
22+
var navigation = {
23+
nav: {
24+
title: "SuperMap iClient 9D",
25+
version: "dev",
26+
path: "../../web/"
27+
}
28+
};
29+
utils.loadTemplate(".icl-header", "../template/header.html", navigation);
30+
31+
$body = $('body');
32+
$body.append("<script type='text/javascript' src='./config.js'><\/script>");
33+
$body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
34+
$body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
35+
$body.append("<script type='text/javascript' src='../js/editor.js'><\/script>");
36+
})
2637
</script>
38+
<!-- ./wrapper end-->
39+
2740
</body>
2841
</html>

‎examples/3dwebgl/examples.html‎

Lines changed: 28 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -6,27 +6,43 @@
66
<title>SuperMap 3D-WebGL 示范程序</title>
77
<link rel="shortcut icon" type="image/x-icon" href="../../web/img/favicon.ico"/>
88
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
9-
<script type="text/javascript" include="jquery,bootstrap,admin-lte,jquery.scrollto,i18n" src="../js/include-web.js"></script>
9+
<script type="text/javascript" include="jquery,bootstrap,template,admin-lte,jquery.scrollto,i18n,lazyload"
10+
src="../js/include-web.js"></script>
1011
<link rel="stylesheet" href="../css/common.css">
1112
<link rel="stylesheet" href="../css/header.css">
1213
<link rel="stylesheet" href="../css/sideBar.css">
1314
<link rel="stylesheet" href="../css/examples.css">
15+
<script type="text/javascript" src="../js/utils.js"></script>
1416
</head>
1517
<body class="hold-transition skin-blue sidebar-mini" data-spy="scroll" data-target="#scrollSpy">
18+
1619
<!-- ./wrapper -->
17-
<div class="wrapper" id="webGL3D"></div>
18-
<!-- ./wrapper -->
20+
<div class="wrapper"></div>
1921
<script>
20-
$('.wrapper').load('../section/example.html', function () {
21-
var header = $('.nav-header');
22-
header.load('../section/header.html');
23-
var body = $('body');
24-
body.append("<script type='text/javascript' src='./config.js'><\/script>");
25-
body.append("<script type='text/javascript' src='../js/utils.js'><\/script>");
26-
body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
27-
body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
28-
body.append("<script type='text/javascript' src='../js/example.js'><\/script>");
22+
$('.wrapper').load("../template/example.html", function () {
23+
var navigation = {
24+
nav: {
25+
title: "SuperMap iClient 9D",
26+
version: "dev",
27+
path: "../../web/"
28+
}
29+
};
30+
utils.loadTemplate(".icl-header", "../template/header.html", navigation);
31+
32+
$body = $('body');
33+
$body.append("<script type='text/javascript' src='./config.js'><\/script>");
34+
$body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
35+
$body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
36+
$body.append("<script type='text/javascript' src='../js/example.js'><\/script>");
2937
});
3038
</script>
39+
<!-- ./wrapper end-->
40+
41+
<!--footer-->
42+
<script>
43+
utils.loadTemplate(".icl-footer", "../template/footer.html");
44+
</script>
45+
<!--footer end-->
46+
3147
</body>
3248
</html>

‎examples/classic/editor.html‎

Lines changed: 22 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,24 +5,36 @@
55
<title>iClient Classic 示例代码</title>
66
<link rel="shortcut icon" type="image/x-icon" href="../../web/img/favicon.ico"/>
77
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
8-
<script type="text/javascript" include="jquery,bootstrap,admin-lte,jquery.scrollto,ace,i18n" src="../js/include-web.js"></script>
8+
<script type="text/javascript" include="jquery,bootstrap,template,admin-lte,ace,i18n"
9+
src="../js/include-web.js"></script>
910
<link rel="stylesheet" href="../css/common.css">
1011
<link rel="stylesheet" href="../css/header.css">
1112
<link rel="stylesheet" href="../css/sideBar.css">
1213
<link rel="stylesheet" href="../css/editor.css">
14+
<script type="text/javascript" src="../js/utils.js"></script>
1315
</head>
1416
<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">
17+
18+
<!-- ./wrapper -->
1519
<div class="wrapper"></div>
1620
<script>
17-
$('.wrapper').load('../section/editor.html', function () {
18-
$('.nav-header').load('../section/header.html');
19-
var body = $('body');
20-
body.append("<script type='text/javascript' src='./config.js'><\/script>");
21-
body.append("<script type='text/javascript' src='../js/utils.js'><\/script>");
22-
body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
23-
body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
24-
body.append("<script type='text/javascript' src='../js/editor.js'><\/script>");
25-
});
21+
$('.wrapper').load("../template/editor.html", function () {
22+
var navigation = {
23+
nav: {
24+
title: "SuperMap iClient 9D",
25+
version: "dev",
26+
path: "../../web/"
27+
}
28+
};
29+
utils.loadTemplate(".icl-header", "../template/header.html", navigation);
30+
$body = $('body');
31+
$body.append("<script type='text/javascript' src='./config.js'><\/script>");
32+
$body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
33+
$body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
34+
$body.append("<script type='text/javascript' src='../js/editor.js'><\/script>");
35+
})
2636
</script>
37+
<!-- ./wrapper end-->
38+
2739
</body>
2840
</html>

‎examples/classic/examples.html‎

Lines changed: 27 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,27 +6,43 @@
66
<title>iClient Classic 示范程序</title>
77
<link rel="shortcut icon" type="image/x-icon" href="../../web/img/favicon.ico"/>
88
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
9-
<script type="text/javascript" include="jquery,bootstrap,admin-lte,jquery.scrollto,i18n" src="../js/include-web.js"></script>
9+
<script type="text/javascript" include="jquery,bootstrap,template,admin-lte,jquery.scrollto,i18n,lazyload"
10+
src="../js/include-web.js"></script>
1011
<link rel="stylesheet" href="../css/common.css">
1112
<link rel="stylesheet" href="../css/header.css">
1213
<link rel="stylesheet" href="../css/sideBar.css">
1314
<link rel="stylesheet" href="../css/examples.css">
15+
<script type="text/javascript" src="../js/utils.js"></script>
1416
</head>
1517
<body class="hold-transition skin-blue sidebar-mini" data-spy="scroll" data-target="#scrollSpy">
18+
1619
<!-- ./wrapper -->
1720
<div class="wrapper"></div>
18-
<!-- ./wrapper -->
1921
<script>
20-
$('.wrapper').load('../section/example.html', function () {
21-
var header = $('.nav-header');
22-
header.load('../section/header.html');
23-
var body = $('body');
24-
body.append("<script type='text/javascript' src='./config.js'><\/script>");
25-
body.append("<script type='text/javascript' src='../js/utils.js'><\/script>");
26-
body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
27-
body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
28-
body.append("<script type='text/javascript' src='../js/example.js'><\/script>");
22+
$('.wrapper').load("../template/example.html", function () {
23+
var navigation = {
24+
nav: {
25+
title: "SuperMap iClient 9D",
26+
version: "dev",
27+
path: "../../web/"
28+
}
29+
};
30+
utils.loadTemplate(".icl-header", "../template/header.html", navigation);
31+
32+
$body = $('body');
33+
$body.append("<script type='text/javascript' src='./config.js'><\/script>");
34+
$body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
35+
$body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
36+
$body.append("<script type='text/javascript' src='../js/example.js'><\/script>");
2937
});
3038
</script>
39+
<!-- ./wrapper end-->
40+
41+
<!--footer-->
42+
<script>
43+
utils.loadTemplate(".icl-footer", "../template/footer.html");
44+
</script>
45+
<!--footer end-->
46+
3147
</body>
3248
</html>

‎examples/css/common.css‎

Lines changed: 78 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,19 @@
11
@charset "UTF-8";
2-
/*重写AdmineLTE 的部分效果*/
2+
/*重写AdmineLTE 的部分效果 start*/
3+
* {
4+
font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC","Microsoft Yahei", sans-serif;
5+
}
6+
37
body {
4-
font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', Microsoft YaHei, Arial, sans-serif
8+
font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC","Microsoft Yahei", sans-serif;
59
}
610

711
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
8-
font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', Microsoft YaHei, Arial, sans-serif
12+
font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC","Microsoft Yahei", sans-serif;
913
}
1014

11-
.main-header .navbar {
12-
-webkit-transition: margin-left .3s ease-in-out;
13-
-o-transition: margin-left .3s ease-in-out;
14-
transition: margin-left .3s ease-in-out;
15-
margin-bottom: 0;
16-
margin-left: 0;
17-
border: none;
18-
min-height: 50px;
19-
border-radius: 0
15+
a {
16+
cursor: pointer;
2017
}
2118

2219
@media (max-width: 767px) {
@@ -46,12 +43,29 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
4643
}
4744
}
4845

49-
.navbar-nav > .nav-dropdown-menu > .dropdown-menu {
50-
width: 150px;
51-
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
52-
padding: 0 0 0 0;
53-
margin: 0;
54-
top: 100%
46+
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
47+
background-color: #ffffff;
48+
}
49+
50+
.main-header .navbar {
51+
-webkit-transition: margin-left .3s ease-in-out;
52+
-o-transition: margin-left .3s ease-in-out;
53+
transition: margin-left .3s ease-in-out;
54+
margin-bottom: 0;
55+
margin-left: 0;
56+
border: none;
57+
min-height: 60px;
58+
border-radius: 0
59+
}
60+
61+
.navbar-header {
62+
margin: 0 16px;
63+
}
64+
65+
.navbar-brand {
66+
height: 60px;
67+
line-height: 50px;
68+
padding: 0;
5569
}
5670

5771
.main-header .sidebar-toggle {
@@ -62,4 +76,49 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
6276
font-family: fontAwesome
6377
}
6478

65-
/*重写AdmineLTE 的部分效果*/
79+
.navbar-nav > .nav-dropdown-menu > .dropdown-menu {
80+
width: 150px;
81+
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
82+
padding: 0 0 0 0;
83+
margin: 0;
84+
right: 16px;
85+
top: 100%
86+
}
87+
88+
.main-header .navbar-custom-menu {
89+
padding: 0;
90+
margin: 0 16px;
91+
}
92+
93+
*, *:after, *::before {
94+
-webkit-box-sizing: border-box;
95+
-moz-box-sizing: border-box;
96+
box-sizing: border-box;
97+
}
98+
99+
.main-sidebar, .left-side {
100+
padding-top: 60px;
101+
}
102+
103+
/*重写AdmineLTE 的部分效果 end*/
104+
105+
/*footer */
106+
.main-footer {
107+
padding: 0;
108+
color: #7d7d7d;
109+
}
110+
111+
.icl-copyright {
112+
font-size: 13px !important;
113+
text-align: center;
114+
height: 54px;
115+
line-height: 54px;
116+
}
117+
118+
.icl-footer {
119+
text-align: center;
120+
bottom: 0;
121+
border-top: 1px solid #ddd;
122+
}
123+
124+
/*footer end */

‎examples/css/editor.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ html, body, .wrapper {
1919
bottom: 0;
2020
left: 0;
2121
right: 0;
22-
margin-top: 52px;
22+
margin-top: 60px;
2323
}
2424

2525
.edit-container section.content {

0 commit comments

Comments
 (0)