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)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy