Skip to content

Commit b13df94

Browse files
hhyu1hhyu1
committed
修改标绘demo的工具条风格
1 parent d0baabc commit b13df94

File tree

6 files changed

+601
-141
lines changed

6 files changed

+601
-141
lines changed

‎examples/css/iconfont/iconfont.css‎

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
@font-face {
2+
font-family: "iconfont"; /* Project id 2870365 */
3+
src: url('iconfont.woff2?t=1639987680083') format('woff2'),
4+
url('iconfont.woff?t=1639987680083') format('woff'),
5+
url('iconfont.ttf?t=1639987680083') format('truetype');
6+
}
7+
8+
.iconfont {
9+
font-family: "iconfont" !important;
10+
font-size: 16px;
11+
font-style: normal;
12+
-webkit-font-smoothing: antialiased;
13+
-moz-osx-font-smoothing: grayscale;
14+
}
15+
16+
.icon-multiflag:before {
17+
content: "\e625";
18+
}
19+
20+
.icon-combination:before {
21+
content: "\e626";
22+
}
23+
24+
.icon-decompose:before {
25+
content: "\e627";
26+
}
27+
28+
.icon-align-right:before {
29+
content: "\e624";
30+
}
31+
32+
.icon-align-left:before {
33+
content: "\e619";
34+
}
35+
36+
.icon-add-node:before {
37+
content: "\e616";
38+
}
39+
40+
.icon-align-up:before {
41+
content: "\e61b";
42+
}
43+
44+
.icon-align-ment:before {
45+
content: "\e601";
46+
}
47+
48+
.icon-plot-layer-selection:before {
49+
content: "\e602";
50+
}
51+
52+
.icon-paste:before {
53+
content: "\e603";
54+
}
55+
56+
.icon-align-bottom:before {
57+
content: "\e604";
58+
}
59+
60+
.icon-equal-high:before {
61+
content: "\e605";
62+
}
63+
64+
.icon-bound-rectangle-edit:before {
65+
content: "\e606";
66+
}
67+
68+
.icon-copy:before {
69+
content: "\e607";
70+
}
71+
72+
.icon-draw-avoid:before {
73+
content: "\e608";
74+
}
75+
76+
.icon-delete-avoid:before {
77+
content: "\e609";
78+
}
79+
80+
.icon-delete-node:before {
81+
content: "\e60a";
82+
}
83+
84+
.icon-horizontal-center:before {
85+
content: "\e60b";
86+
}
87+
88+
.icon-vertical-center:before {
89+
content: "\e60c";
90+
}
91+
92+
.icon-transverse-uniform-distribution:before {
93+
content: "\e60d";
94+
}
95+
96+
.icon-exit-avoid:before {
97+
content: "\e60e";
98+
}
99+
100+
.icon-portrait-uniform-distribution:before {
101+
content: "\e60f";
102+
}
103+
104+
.icon-plot-layer-edit:before {
105+
content: "\e610";
106+
}
107+
108+
.icon-node-edit:before {
109+
content: "\e611";
110+
}
111+
112+
.icon-equal-width-high:before {
113+
content: "\e612";
114+
}
115+
116+
.icon-equal-width:before {
117+
content: "\e613";
118+
}
119+
120+
.icon-shear:before {
121+
content: "\e614";
122+
}
123+
124+
.icon-avoid-edit:before {
125+
content: "\e615";
126+
}
127+
128+
.icon-wrench:before {
129+
content: "\e680";
130+
}
131+
132+
.icon-lock:before {
133+
content: "\e688";
134+
}
135+
136+
.icon-style:before {
137+
content: "\e684";
138+
}
139+
140+
.icon-draw:before {
141+
content: "\e6a0";
142+
}
143+
144+
.icon-edit:before {
145+
content: "\e694";
146+
}
147+
148+
.icon-tianjia:before {
149+
content: "\ee35";
150+
}
151+
152+
.icon-dingwei:before {
153+
content: "\ee37";
154+
}
155+
156+
.icon-invisible:before {
157+
content: "\e6a3";
158+
}
159+
160+
.icon-visible:before {
161+
content: "\e6a4";
162+
}
163+
164+
.icon-quanxuan:before {
165+
content: "\ee34";
166+
}
167+
168+
.icon-cloud-download:before {
169+
content: "\e681";
170+
}
171+
172+
.icon-cloud-upload:before {
173+
content: "\e682";
174+
}
175+
176+
.icon-redo:before {
177+
content: "\e686";
178+
}
179+
180+
.icon-undo:before {
181+
content: "\e687";
182+
}
183+
184+
.icon-delete:before {
185+
content: "\e6a7";
186+
}
187+
188+
.icon-run:before {
189+
content: "\e6ad";
190+
}
191+
192+
.icon-stop:before {
193+
content: "\e6ae";
194+
}
195+
196+
.icon-add-data:before {
197+
content: "\e6b6";
198+
}
199+

‎examples/css/iconfont/iconfont.ttf‎

13.7 KB
Binary file not shown.

‎examples/css/iconfont/iconfont.woff‎

7.13 KB
Binary file not shown.

‎examples/css/iconfont/iconfont.woff2‎

5.87 KB
Binary file not shown.

‎examples/css/iconfont/plotting.css‎

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
@font-face {
2+
font-family: 'Glyphicons Halflings';
3+
src: url("../images/glyphicons-halflings-regular.eot");
4+
src: url("../images/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
5+
url("../images/glyphicons-halflings-regular.woff") format("woff"),
6+
url("../images/glyphicons-halflings-regular.ttf") format("truetype"),
7+
url("../images/glyphicons-halflings-regular.svg#fontcustom") format("svg");
8+
}
9+
10+
.plotting-menu .notification-count {
11+
display: block;
12+
background: #555;
13+
box-shadow: 0 0 3px #999;
14+
color: #f0f0f0;
15+
cursor: default;
16+
font-size: 10px;
17+
line-height: 12px;
18+
/* text-indent: 3px; */
19+
position: absolute;
20+
/* top: 2px; */
21+
left: 200px;
22+
z-index: 96;
23+
}
24+
25+
.plotting-menu,
26+
.plotting-menu * {
27+
margin: 0;
28+
padding: 0;
29+
border: 0;
30+
outline: 0;
31+
font-family: Helvetica, Arial, sans-serif;
32+
font-size: 18px;
33+
font-weight: normal;
34+
line-height: 30px;
35+
color: #000;
36+
vertical-align: baseline;
37+
list-style-type: none;
38+
}
39+
40+
.plotting-menu {
41+
position: fixed;
42+
top: 40%;
43+
left: 0;
44+
background-color: #fff;
45+
background-color: rgba(255, 255, 255, 1);
46+
border: 2px solid rgba(0, 0, 0, 0.2);
47+
background-clip: padding-box;
48+
box-shadow: none;
49+
width: 30px;
50+
overflow: visible;
51+
/* box-shadow: 0 1px 5px rgba(0,0,0,0.65); */
52+
border-radius: 4px;
53+
z-index: 90;
54+
}
55+
56+
.plotting-menu > li {
57+
position: relative;
58+
text-align: center;
59+
border-bottom: 1px solid #ccc;
60+
float:left;
61+
/* overflow: hidden; */
62+
}
63+
64+
.plotting-menu > li,
65+
.plotting-menu > li:hover {
66+
background-color: #fff;
67+
border-bottom: 1px solid #ccc;
68+
width: 30px;
69+
height: 30px;
70+
/* line-height: 18px; */
71+
display: block;
72+
/* text-align: center; */
73+
text-decoration: none;
74+
color: black;
75+
}
76+
77+
.plotting-menu > li:hover {
78+
background-color: #f4f4f4;
79+
}
80+
81+
.plotting-menu > li:first-child {
82+
border-top-left-radius: 4px;
83+
border-top-right-radius: 4px;
84+
}
85+
86+
.plotting-menu > li:last-child {
87+
border-bottom-left-radius: 4px;
88+
border-bottom-right-radius: 4px;
89+
border-bottom: none;
90+
}
91+
92+
/* .plotting-menu > li:last-child {
93+
border-bottom: none;
94+
} */
95+
96+
.plotting-menu > li > span{
97+
display: block;
98+
/* background-position: 4px 4px; */
99+
background-repeat: no-repeat;
100+
display: block;
101+
padding: 0px;
102+
background-color: #fff;
103+
background-color: rgba(255, 255, 255, 1);
104+
/* background-position: 8px;
105+
background-repeat: no-repeat; */
106+
color: #000;
107+
font-size: 18px;
108+
font-weight: normal;
109+
/* min-height: 20px; */
110+
text-decoration: none;
111+
white-space: nowrap;
112+
background-color: transparent !ie;
113+
}
114+
115+
.plotting-menu > li > span:hover{
116+
background-color: #eaeaea;
117+
color:#0077AA;
118+
cursor: pointer;
119+
}
120+
121+
.plotting-menu > li > span:right{
122+
/*border: 1px solid #868686;*/
123+
/*box-shadow: 0px 0px 2px 2px #ccc inset ;*/
124+
/*-moz-box-shadow:0px 0px 2px 2px #ccc inset ;*/
125+
/*-webkit-box-shadow: 0px 0px 2px 2px #ccc inset ;*/
126+
cursor: pointer;
127+
}
128+
129+
.plotting-menu > li > ul {
130+
display: none;
131+
position: absolute;
132+
left: -1px;
133+
top: -1px;
134+
width: 60px;
135+
height: 30px;
136+
/* overflow: hidden; */
137+
background-color: #fff;
138+
background-color: rgba(255, 255, 255, 1);
139+
border: 2px solid #b7b7b7;
140+
border-radius: 4px;
141+
z-index: 95;
142+
143+
}
144+
145+
.plotting-menu > li:hover > ul {
146+
display: block;
147+
}
148+
149+
.plotting-menu > li > ul > li {
150+
width: 30px;
151+
padding: 0px;
152+
/* vertical-align: baseline; */
153+
float: left;
154+
}
155+
156+
.plotting-menu > li > ul > li:hover {
157+
background-color: #e6e6e6;
158+
}
159+
160+
/* .plotting-menu > li > ul > li:first-child {
161+
border-top: 1px solid #f7f7f7;
162+
padding:0px;
163+
margin: 0px;
164+
} */
165+
166+
/* .plotting-menu > li > ul > li:last-child {
167+
border-bottom: 1px solid #f7f7f7;
168+
} */
169+
170+
.plotting-menu > li > ul > li > ul > li {
171+
float: left;
172+
}
173+
.plotting-menu > li > ul > li > span {
174+
cursor: default;
175+
font-weight: normal;
176+
177+
}
178+
179+
.plotting-menu > li > ul > li > span:hover {
180+
background-color: #e6e6e6;
181+
background-color: transparent !ie;
182+
}

0 commit comments

Comments
 (0)