Skip to content

Commit aa50a51

Browse files
committed
优化标绘demo工具条风格
1 parent 074a904 commit aa50a51

File tree

6 files changed

+38
-27
lines changed

6 files changed

+38
-27
lines changed

examples/css/iconfont/iconfont.css

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
@font-face {
22
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');
3+
src: url('iconfont.woff2?t=1640312324096') format('woff2'),
4+
url('iconfont.woff?t=1640312324096') format('woff'),
5+
url('iconfont.ttf?t=1640312324096') format('truetype');
66
}
77

88
.iconfont {
@@ -13,6 +13,18 @@
1313
-moz-osx-font-smoothing: grayscale;
1414
}
1515

16+
.icon-copy2:before {
17+
content: "\e629";
18+
}
19+
20+
.icon-circle-wrong:before {
21+
content: "\e69a";
22+
}
23+
24+
.icon-copy1:before {
25+
content: "\e628";
26+
}
27+
1628
.icon-multiflag:before {
1729
content: "\e625";
1830
}

examples/css/iconfont/iconfont.ttf

712 Bytes
Binary file not shown.

examples/css/iconfont/iconfont.woff

360 Bytes
Binary file not shown.

examples/css/iconfont/iconfont.woff2

320 Bytes
Binary file not shown.

examples/css/iconfont/plotting.css

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
box-shadow: 0 0 3px #999;
1414
color: #f0f0f0;
1515
cursor: default;
16-
font-size: 10px;
17-
line-height: 12px;
16+
font-size: 20px;
17+
/* line-height: 12px; */
1818
/* text-indent: 3px; */
1919
position: absolute;
2020
/* top: 2px; */
@@ -29,9 +29,9 @@
2929
border: 0;
3030
outline: 0;
3131
font-family: Helvetica, Arial, sans-serif;
32-
font-size: 18px;
32+
font-size: 20px;
3333
font-weight: normal;
34-
line-height: 30px;
34+
line-height: 32px;
3535
color: #000;
3636
vertical-align: baseline;
3737
list-style-type: none;
@@ -46,7 +46,7 @@
4646
border: 2px solid rgba(0, 0, 0, 0.2);
4747
background-clip: padding-box;
4848
box-shadow: none;
49-
width: 30px;
49+
width: 32px;
5050
overflow: visible;
5151
/* box-shadow: 0 1px 5px rgba(0,0,0,0.65); */
5252
border-radius: 4px;
@@ -64,9 +64,9 @@
6464
.plotting-menu > li,
6565
.plotting-menu > li:hover {
6666
background-color: #fff;
67-
border-bottom: 1px solid #ccc;
68-
width: 30px;
69-
height: 30px;
67+
border-bottom: 0px solid #ccc;
68+
width: 32px;
69+
height: 32px;
7070
/* line-height: 18px; */
7171
display: block;
7272
/* text-align: center; */
@@ -104,7 +104,7 @@
104104
/* background-position: 8px;
105105
background-repeat: no-repeat; */
106106
color: #000;
107-
font-size: 18px;
107+
font-size: 20px;
108108
font-weight: normal;
109109
/* min-height: 20px; */
110110
text-decoration: none;
@@ -131,8 +131,8 @@
131131
position: absolute;
132132
left: -1px;
133133
top: -1px;
134-
width: 60px;
135-
height: 30px;
134+
width: 64px;
135+
height: 32px;
136136
/* overflow: hidden; */
137137
background-color: #fff;
138138
background-color: rgba(255, 255, 255, 1);
@@ -147,7 +147,7 @@
147147
}
148148

149149
.plotting-menu > li > ul > li {
150-
width: 30px;
150+
width: 32px;
151151
padding: 0px;
152152
/* vertical-align: baseline; */
153153
float: left;

examples/leaflet/plot_dynamicPlot.html

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,7 @@
3232
z-index: 888;
3333
left: 260px;
3434
color: #000000;
35-
ba
36-
ckground-color: #fff;
35+
background-color: #fff;
3736
}
3837

3938
/* #drawMenu {
@@ -164,11 +163,11 @@
164163
</div>
165164
</div>
166165
<div id="plottingMenu" class="plotting-menu">
167-
<li><span class="icon iconfont icon-stop" title="取消标绘"
166+
<li><span class="icon iconfont icon-circle-wrong" title="取消标绘"
168167
onclick="cancelDraw()"></span></li>
169168
<li>
170169
<i class="icon iconfont icon-draw"></i>
171-
<ul style="width: 150px;">
170+
<ul style="width: 160px;">
172171
<li><span class="icon iconfont icon-draw" title="添加图层"
173172
onclick="addPlottingLayer()"></span></li>
174173
<li><span class="icon iconfont icon-lock" title="图层可锁定"
@@ -183,7 +182,7 @@
183182
</li>
184183
<li>
185184
<i class="icon iconfont icon-bound-rectangle-edit"></i>
186-
<ul style="width: 120px;">
185+
<ul style="width: 128px;">
187186
<li><span class="icon iconfont icon-bound-rectangle-edit" title="外接矩形编辑"
188187
onclick="editCircusRetangle()"></span></li>
189188
<li><span class="icon iconfont icon-node-edit" title="节点编辑"
@@ -195,9 +194,9 @@
195194
</ul>
196195
</li>
197196
<li>
198-
<i class="icon iconfont icon-copy"></i>
199-
<ul style="width: 180px;">
200-
<li><span class="icon iconfont icon-copy" title="复制标号"
197+
<i class="icon iconfont icon-copy2"></i>
198+
<ul style="width: 192px;">
199+
<li><span class="icon iconfont icon-copy2" title="复制标号"
201200
onclick="copySymbol()"></span></li>
202201
<li><span class="icon iconfont icon-shear" title="剪切标号"
203202
onclick="cutSymbol()"></span></li>
@@ -213,7 +212,7 @@
213212
</li>
214213
<li>
215214
<i class="icon iconfont icon-cloud-upload"></i>
216-
<ul style="width: 60px;">
215+
<ul style="width: 64px;">
217216
<li><span class="icon iconfont icon-cloud-upload" title="保存态势图"
218217
onclick="saveSimulationMap()"></span></li>
219218
<li><span class="icon iconfont icon-cloud-download" title="加载态势图"
@@ -225,7 +224,7 @@
225224
</li>
226225
<li>
227226
<i class="icon iconfont icon-combination"></i>
228-
<ul style="width: 90px;">
227+
<ul style="width: 96px;">
229228
<li><span class="icon iconfont icon-combination" title="对多选的标号,创建组合"
230229
onclick="createGroupObjects()"></span></li>
231230
<li><span class="icon iconfont icon-multiflag" title="对多选的旗子类标号,创建多旗"
@@ -236,7 +235,7 @@
236235
</li>
237236
<li>
238237
<i class="icon iconfont icon-draw-avoid"></i>
239-
<ul style="width: 90px;">
238+
<ul style="width: 96px;">
240239
<li><span class="icon iconfont icon-draw-avoid" title="避让编辑"
241240
onclick="drawAvoidRegion()"></span></li>
242241
<li><span class="icon iconfont icon-exit-avoid" title="退出避让编辑"
@@ -247,7 +246,7 @@
247246
</li>
248247
<li>
249248
<i class="icon iconfont icon-align-left"></i>
250-
<ul style="width: 332px;">
249+
<ul style="width: 354px;">
251250
<li><span class="icon iconfont icon-align-left" title="左对齐"
252251
onclick="setSymbolAlighLeft()"></span></li>
253252
<li><span class="icon iconfont icon-align-right" title="右对齐"

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