Skip to content

Commit 8e82bc2

Browse files
zhurczhurc
committed
1.示例增加在线编辑功能 2.更改示例主页样式 no review
1 parent a543e2b commit 8e82bc2

File tree

156 files changed

+2074
-12554
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

156 files changed

+2074
-12554
lines changed

‎examples/css/common.css‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
body {
2+
font-family: "Microsoft YaHei";
3+
margin: 0;
4+
padding: 0;
5+
}
6+
7+
.main {
8+
height: 100%;
9+
}
10+
11+
div {
12+
border: none;
13+
padding: 0;
14+
margin: 0;
15+
}
16+
17+
.header {
18+
height: 60px;
19+
width: 100%;
20+
position: fixed;
21+
top: 0;
22+
background-color: #0083CB;
23+
z-index: 100;
24+
}
25+
26+
.content {
27+
position: absolute;
28+
top: 60px;
29+
bottom: 0;
30+
width: 100%;
31+
z-index: 99;
32+
overflow-y: scroll;
33+
overflow-x: hidden;
34+
}

‎examples/css/editor.css‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
#codePane {
2+
width: 660px;
3+
height: 100%;
4+
margin-left: 200px;
5+
position: absolute;
6+
box-shadow: 3px 0px 6px #cccccc;
7+
}
8+
9+
.contentTool {
10+
height: 44px;
11+
line-height: 44px;
12+
box-shadow: 0px 2px 10px #dddddd;
13+
}
14+
15+
.editorBtn {
16+
display: inline-block;
17+
width: 60px;
18+
height: 30px;
19+
text-align: center;
20+
line-height: 30px;
21+
color: #0083CB;
22+
float: right;
23+
cursor: pointer;
24+
margin: 8px 4px;
25+
border-radius: 2px;
26+
}
27+
28+
.editorBtn:hover {
29+
font-weight: bolder;
30+
}
31+
32+
.editorBtn span {
33+
width: 24px;
34+
height: 24px;
35+
}
36+
37+
#editor {
38+
font-family: Consolas, monaco, 'Courier New', Courier, monospace;
39+
position: absolute;
40+
bottom: 0;
41+
top: 46px;
42+
width: 100%;
43+
font-size: 12px;
44+
}
45+
46+
#drag {
47+
width: 2px;
48+
height: 100%;
49+
background: #eee;
50+
cursor: w-resize;
51+
left: 860px;
52+
position: absolute;
53+
}
54+
55+
#preview {
56+
height: 100%;
57+
min-width: 400px;
58+
margin-left: 862px;
59+
position: relative;
60+
}
61+
62+
#innerPage {
63+
width: 100%;
64+
height: 100%;
65+
border: none;
66+
}
67+
68+
@media screen and (max-width: 1024px) {
69+
#codePane {
70+
width: 340px;
71+
height: 100%;
72+
margin-left: 200px;
73+
position: absolute;
74+
box-shadow: 3px 0px 6px #cccccc;
75+
}
76+
77+
#preview {
78+
height: 100%;
79+
margin-left: 540px;
80+
position: relative;
81+
}
82+
}
83+
84+
@media screen and (min-width: 1024px)and ( max-width: 1400px) {
85+
#codePane {
86+
width: 500px;
87+
height: 100%;
88+
margin-left: 200px;
89+
position: absolute;
90+
box-shadow: 3px 0px 6px #cccccc;
91+
}
92+
93+
#preview {
94+
height: 100%;
95+
min-width: 400px;
96+
margin-left: 700px;
97+
position: relative;
98+
}
99+
}
100+
.content{
101+
overflow: hidden;
102+
}
103+
::-webkit-scrollbar {
104+
width: 10px;
105+
}
106+
107+
::-webkit-scrollbar-thumb {
108+
border-radius: 12px;
109+
background: #f7f7f7;
110+
-webkit-box-shadow: inset 0 0 6px #d1cfcf;
111+
}

‎examples/css/examples.css‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
#examples-container {
2+
position: absolute;
3+
margin-left: 205px;
4+
z-index: 10;
5+
background-color: #f9f9f9;
6+
}
7+
#charts-list {
8+
margin: 0px;
9+
padding-left:20px;
10+
list-style: none;
11+
overflow: inherit;
12+
}
13+
14+
h3.category-title {
15+
height: 60px;
16+
line-height: 60px;
17+
border-bottom: 1px solid #cccccc;
18+
}
19+
20+
.category-content {
21+
margin-left: 30px;
22+
}
23+
24+
#charts-list .chart {
25+
width: 100%;
26+
max-width: 260px;
27+
margin: 0 auto;
28+
margin-bottom: 30px;
29+
-webkit-border-radius: 4px;
30+
border-radius: 4px;
31+
background: #fff;
32+
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
33+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
34+
}
35+
36+
#charts-list .chart .chart-link {
37+
position: relative;
38+
display: block;
39+
}
40+
41+
#charts-list .chart .chart-link .chart-title {
42+
color: #293c55;
43+
overflow: hidden;
44+
text-overflow: ellipsis;
45+
white-space: nowrap;
46+
padding: 10px 10px 2px 10px;
47+
margin: 0;
48+
font-weight: normal;
49+
}
50+
51+
#charts-list .chart .chart-link .chart-area {
52+
width: 100%;
53+
height: 208px;
54+
background-color: #e2e2e2;
55+
margin: 8px;
56+
}

‎examples/css/sideBar.css‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
#sidebar {
2+
width: 200px;
3+
border-right: 1px solid #e9e9e9;
4+
overflow-y: auto;
5+
float: left;
6+
position: fixed;
7+
top: 60px;
8+
padding-bottom: 60px;
9+
height: 100%;
10+
}
11+
12+
#sidebar ul {
13+
padding-left: 20px;
14+
}
15+
#sidebar ul li{
16+
cursor: pointer;
17+
}
18+
#sidebar ul.menu ul.secondMenu, #sidebar ul.menu ul.thirdMenu{
19+
list-style: none;
20+
padding-left: 20px;
21+
}
22+
23+
24+
#sidebar ul.menu .title {
25+
height: 30px;
26+
line-height: 30px;
27+
}
28+
29+
#sidebar ul.menu a:hover,#sidebar ul.menu a.active{
30+
color:#0083CB;
31+
text-decoration:none;
32+
}
33+
34+
#sidebar ul.menu li span,#sidebar ul.menu li a{
35+
line-height: 40px;
36+
color:#000000;
37+
}
38+

‎examples/fonts/glyphicons-halflings-regular.eot‎

19.7 KB
Binary file not shown.

‎examples/fonts/glyphicons-halflings-regular.svg‎

Lines changed: 288 additions & 0 deletions
Loading

‎examples/fonts/glyphicons-halflings-regular.ttf‎

44.3 KB
Binary file not shown.

‎examples/fonts/glyphicons-halflings-regular.woff‎

22.9 KB
Binary file not shown.

‎examples/fonts/glyphicons-halflings-regular.woff2‎

17.6 KB
Binary file not shown.

‎examples/js/ace.js‎

Lines changed: 14 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)