@cgeui/micgrid-icon 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/ReadMe.md +29 -0
  2. package/dist/esm/MicgridIcons/font/demo.css +539 -0
  3. package/dist/esm/MicgridIcons/font/demo_index.html +4305 -0
  4. package/dist/esm/MicgridIcons/font/iconfont.css +731 -0
  5. package/dist/esm/MicgridIcons/font/iconfont.js +36 -0
  6. package/dist/esm/MicgridIcons/font/iconfont.json +1262 -0
  7. package/dist/esm/MicgridIcons/font/iconfont.ttf +0 -0
  8. package/dist/esm/MicgridIcons/font/iconfont.woff +0 -0
  9. package/dist/esm/MicgridIcons/font/iconfont.woff2 +0 -0
  10. package/dist/esm/MicgridIcons/index.d.ts +14 -0
  11. package/dist/esm/MicgridIcons/index.d.ts.map +1 -0
  12. package/dist/esm/MicgridIcons/index.js +35 -0
  13. package/dist/esm/MicgridIcons/index.less +18 -0
  14. package/dist/esm/MicgridIcons/util.d.ts +2 -0
  15. package/dist/esm/MicgridIcons/util.d.ts.map +1 -0
  16. package/dist/esm/MicgridIcons/util.js +22 -0
  17. package/dist/esm/index.d.ts +2 -0
  18. package/dist/esm/index.d.ts.map +1 -0
  19. package/dist/esm/index.js +5 -0
  20. package/dist/lib/MicgridIcons/font/demo.css +539 -0
  21. package/dist/lib/MicgridIcons/font/demo_index.html +4305 -0
  22. package/dist/lib/MicgridIcons/font/iconfont.css +731 -0
  23. package/dist/lib/MicgridIcons/font/iconfont.js +36 -0
  24. package/dist/lib/MicgridIcons/font/iconfont.json +1262 -0
  25. package/dist/lib/MicgridIcons/font/iconfont.ttf +0 -0
  26. package/dist/lib/MicgridIcons/font/iconfont.woff +0 -0
  27. package/dist/lib/MicgridIcons/font/iconfont.woff2 +0 -0
  28. package/dist/lib/MicgridIcons/index.d.ts +14 -0
  29. package/dist/lib/MicgridIcons/index.d.ts.map +1 -0
  30. package/dist/lib/MicgridIcons/index.js +55 -0
  31. package/dist/lib/MicgridIcons/index.less +18 -0
  32. package/dist/lib/MicgridIcons/util.d.ts +2 -0
  33. package/dist/lib/MicgridIcons/util.d.ts.map +1 -0
  34. package/dist/lib/MicgridIcons/util.js +42 -0
  35. package/dist/lib/index.d.ts +2 -0
  36. package/dist/lib/index.d.ts.map +1 -0
  37. package/dist/lib/index.js +35 -0
  38. package/package.json +29 -0
package/dist/lib/MicgridIcons/font/demo_index.html ADDED
@@ -0,0 +1,4305 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8"/>
5
+ <title>iconfont Demo</title>
6
+ <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
7
+ <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
8
+ <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
9
+ <link rel="stylesheet" href="demo.css">
10
+ <link rel="stylesheet" href="iconfont.css">
11
+ <script src="iconfont.js"></script>
12
+ <!-- jQuery -->
13
+ <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
14
+ <!-- 代码高亮 -->
15
+ <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
16
+ <style>
17
+ .main .logo {
18
+ margin-top: 0;
19
+ height: auto;
20
+ }
21
+
22
+ .main .logo a {
23
+ display: flex;
24
+ align-items: center;
25
+ }
26
+
27
+ .main .logo .sub-title {
28
+ margin-left: 0.5em;
29
+ font-size: 22px;
30
+ color: #fff;
31
+ background: linear-gradient(-45deg, #3967FF, #B500FE);
32
+ -webkit-background-clip: text;
33
+ -webkit-text-fill-color: transparent;
34
+ }
35
+ </style>
36
+ </head>
37
+ <body>
38
+ <div class="main">
39
+ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
40
+ <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
41
+
42
+ </a></h1>
43
+ <div class="nav-tabs">
44
+ <ul id="tabs" class="dib-box">
45
+ <li class="dib active"><span>Unicode</span></li>
46
+ <li class="dib"><span>Font class</span></li>
47
+ <li class="dib"><span>Symbol</span></li>
48
+ </ul>
49
+
50
+ <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=5038312" target="_blank" class="nav-more">查看项目</a>
51
+
52
+ </div>
53
+ <div class="tab-container">
54
+ <div class="content unicode" style="display: block;">
55
+ <ul class="icon_lists dib-box">
56
+
57
+ <li class="dib">
58
+ <span class="icon micgridIconfont">&#xe724;</span>
59
+ <div class="name">帮助</div>
60
+ <div class="code-name">&amp;#xe724;</div>
61
+ </li>
62
+
63
+ <li class="dib">
64
+ <span class="icon micgridIconfont">&#xe71d;</span>
65
+ <div class="name">mic-close</div>
66
+ <div class="code-name">&amp;#xe71d;</div>
67
+ </li>
68
+
69
+ <li class="dib">
70
+ <span class="icon micgridIconfont">&#xe725;</span>
71
+ <div class="name">用电负荷</div>
72
+ <div class="code-name">&amp;#xe725;</div>
73
+ </li>
74
+
75
+ <li class="dib">
76
+ <span class="icon micgridIconfont">&#xe726;</span>
77
+ <div class="name">电网系统</div>
78
+ <div class="code-name">&amp;#xe726;</div>
79
+ </li>
80
+
81
+ <li class="dib">
82
+ <span class="icon micgridIconfont">&#xe727;</span>
83
+ <div class="name">储能状态</div>
84
+ <div class="code-name">&amp;#xe727;</div>
85
+ </li>
86
+
87
+ <li class="dib">
88
+ <span class="icon micgridIconfont">&#xe728;</span>
89
+ <div class="name">充电桩</div>
90
+ <div class="code-name">&amp;#xe728;</div>
91
+ </li>
92
+
93
+ <li class="dib">
94
+ <span class="icon micgridIconfont">&#xe723;</span>
95
+ <div class="name">光伏发电</div>
96
+ <div class="code-name">&amp;#xe723;</div>
97
+ </li>
98
+
99
+ <li class="dib">
100
+ <span class="icon micgridIconfont">&#xe71e;</span>
101
+ <div class="name">负荷标准误差</div>
102
+ <div class="code-name">&amp;#xe71e;</div>
103
+ </li>
104
+
105
+ <li class="dib">
106
+ <span class="icon micgridIconfont">&#xe71f;</span>
107
+ <div class="name">发电预测</div>
108
+ <div class="code-name">&amp;#xe71f;</div>
109
+ </li>
110
+
111
+ <li class="dib">
112
+ <span class="icon micgridIconfont">&#xe720;</span>
113
+ <div class="name">方根误差</div>
114
+ <div class="code-name">&amp;#xe720;</div>
115
+ </li>
116
+
117
+ <li class="dib">
118
+ <span class="icon micgridIconfont">&#xe721;</span>
119
+ <div class="name">负荷方根误差</div>
120
+ <div class="code-name">&amp;#xe721;</div>
121
+ </li>
122
+
123
+ <li class="dib">
124
+ <span class="icon micgridIconfont">&#xe722;</span>
125
+ <div class="name">标准误差</div>
126
+ <div class="code-name">&amp;#xe722;</div>
127
+ </li>
128
+
129
+ <li class="dib">
130
+ <span class="icon micgridIconfont">&#xe71b;</span>
131
+ <div class="name">文件</div>
132
+ <div class="code-name">&amp;#xe71b;</div>
133
+ </li>
134
+
135
+ <li class="dib">
136
+ <span class="icon micgridIconfont">&#xe71c;</span>
137
+ <div class="name">计算</div>
138
+ <div class="code-name">&amp;#xe71c;</div>
139
+ </li>
140
+
141
+ <li class="dib">
142
+ <span class="icon micgridIconfont">&#xe607;</span>
143
+ <div class="name">储能运维导航_系统管理</div>
144
+ <div class="code-name">&amp;#xe607;</div>
145
+ </li>
146
+
147
+ <li class="dib">
148
+ <span class="icon micgridIconfont">&#xe71a;</span>
149
+ <div class="name">负荷</div>
150
+ <div class="code-name">&amp;#xe71a;</div>
151
+ </li>
152
+
153
+ <li class="dib">
154
+ <span class="icon micgridIconfont">&#xe719;</span>
155
+ <div class="name">位置</div>
156
+ <div class="code-name">&amp;#xe719;</div>
157
+ </li>
158
+
159
+ <li class="dib">
160
+ <span class="icon micgridIconfont">&#xe714;</span>
161
+ <div class="name">曲线图</div>
162
+ <div class="code-name">&amp;#xe714;</div>
163
+ </li>
164
+
165
+ <li class="dib">
166
+ <span class="icon micgridIconfont">&#xe715;</span>
167
+ <div class="name">列表</div>
168
+ <div class="code-name">&amp;#xe715;</div>
169
+ </li>
170
+
171
+ <li class="dib">
172
+ <span class="icon micgridIconfont">&#xe716;</span>
173
+ <div class="name">列表-1</div>
174
+ <div class="code-name">&amp;#xe716;</div>
175
+ </li>
176
+
177
+ <li class="dib">
178
+ <span class="icon micgridIconfont">&#xe717;</span>
179
+ <div class="name">卡片列表</div>
180
+ <div class="code-name">&amp;#xe717;</div>
181
+ </li>
182
+
183
+ <li class="dib">
184
+ <span class="icon micgridIconfont">&#xe718;</span>
185
+ <div class="name">编辑</div>
186
+ <div class="code-name">&amp;#xe718;</div>
187
+ </li>
188
+
189
+ <li class="dib">
190
+ <span class="icon micgridIconfont">&#xe70f;</span>
191
+ <div class="name">气压</div>
192
+ <div class="code-name">&amp;#xe70f;</div>
193
+ </li>
194
+
195
+ <li class="dib">
196
+ <span class="icon micgridIconfont">&#xe710;</span>
197
+ <div class="name">湿度</div>
198
+ <div class="code-name">&amp;#xe710;</div>
199
+ </li>
200
+
201
+ <li class="dib">
202
+ <span class="icon micgridIconfont">&#xe711;</span>
203
+ <div class="name">温度</div>
204
+ <div class="code-name">&amp;#xe711;</div>
205
+ </li>
206
+
207
+ <li class="dib">
208
+ <span class="icon micgridIconfont">&#xe712;</span>
209
+ <div class="name">光伏</div>
210
+ <div class="code-name">&amp;#xe712;</div>
211
+ </li>
212
+
213
+ <li class="dib">
214
+ <span class="icon micgridIconfont">&#xe713;</span>
215
+ <div class="name">负荷</div>
216
+ <div class="code-name">&amp;#xe713;</div>
217
+ </li>
218
+
219
+ <li class="dib">
220
+ <span class="icon micgridIconfont">&#xe70c;</span>
221
+ <div class="name">辐射</div>
222
+ <div class="code-name">&amp;#xe70c;</div>
223
+ </li>
224
+
225
+ <li class="dib">
226
+ <span class="icon micgridIconfont">&#xe70d;</span>
227
+ <div class="name">云</div>
228
+ <div class="code-name">&amp;#xe70d;</div>
229
+ </li>
230
+
231
+ <li class="dib">
232
+ <span class="icon micgridIconfont">&#xe70e;</span>
233
+ <div class="name">降水</div>
234
+ <div class="code-name">&amp;#xe70e;</div>
235
+ </li>
236
+
237
+ <li class="dib">
238
+ <span class="icon micgridIconfont">&#xe88e;</span>
239
+ <div class="name">站点离散率</div>
240
+ <div class="code-name">&amp;#xe88e;</div>
241
+ </li>
242
+
243
+ <li class="dib">
244
+ <span class="icon micgridIconfont">&#xe708;</span>
245
+ <div class="name">帮助</div>
246
+ <div class="code-name">&amp;#xe708;</div>
247
+ </li>
248
+
249
+ <li class="dib">
250
+ <span class="icon micgridIconfont">&#xe709;</span>
251
+ <div class="name">注释</div>
252
+ <div class="code-name">&amp;#xe709;</div>
253
+ </li>
254
+
255
+ <li class="dib">
256
+ <span class="icon micgridIconfont">&#xe70a;</span>
257
+ <div class="name">注释-solid</div>
258
+ <div class="code-name">&amp;#xe70a;</div>
259
+ </li>
260
+
261
+ <li class="dib">
262
+ <span class="icon micgridIconfont">&#xe70b;</span>
263
+ <div class="name">帮助-solid</div>
264
+ <div class="code-name">&amp;#xe70b;</div>
265
+ </li>
266
+
267
+ <li class="dib">
268
+ <span class="icon micgridIconfont">&#xe703;</span>
269
+ <div class="name">更新</div>
270
+ <div class="code-name">&amp;#xe703;</div>
271
+ </li>
272
+
273
+ <li class="dib">
274
+ <span class="icon micgridIconfont">&#xe704;</span>
275
+ <div class="name">删除</div>
276
+ <div class="code-name">&amp;#xe704;</div>
277
+ </li>
278
+
279
+ <li class="dib">
280
+ <span class="icon micgridIconfont">&#xe705;</span>
281
+ <div class="name">至</div>
282
+ <div class="code-name">&amp;#xe705;</div>
283
+ </li>
284
+
285
+ <li class="dib">
286
+ <span class="icon micgridIconfont">&#xe706;</span>
287
+ <div class="name">降</div>
288
+ <div class="code-name">&amp;#xe706;</div>
289
+ </li>
290
+
291
+ <li class="dib">
292
+ <span class="icon micgridIconfont">&#xe707;</span>
293
+ <div class="name">升</div>
294
+ <div class="code-name">&amp;#xe707;</div>
295
+ </li>
296
+
297
+ <li class="dib">
298
+ <span class="icon micgridIconfont">&#xe6ff;</span>
299
+ <div class="name">下载</div>
300
+ <div class="code-name">&amp;#xe6ff;</div>
301
+ </li>
302
+
303
+ <li class="dib">
304
+ <span class="icon micgridIconfont">&#xe700;</span>
305
+ <div class="name">上传</div>
306
+ <div class="code-name">&amp;#xe700;</div>
307
+ </li>
308
+
309
+ <li class="dib">
310
+ <span class="icon micgridIconfont">&#xe701;</span>
311
+ <div class="name">导入</div>
312
+ <div class="code-name">&amp;#xe701;</div>
313
+ </li>
314
+
315
+ <li class="dib">
316
+ <span class="icon micgridIconfont">&#xe702;</span>
317
+ <div class="name">导出</div>
318
+ <div class="code-name">&amp;#xe702;</div>
319
+ </li>
320
+
321
+ <li class="dib">
322
+ <span class="icon micgridIconfont">&#xe6fd;</span>
323
+ <div class="name">下降</div>
324
+ <div class="code-name">&amp;#xe6fd;</div>
325
+ </li>
326
+
327
+ <li class="dib">
328
+ <span class="icon micgridIconfont">&#xe6fe;</span>
329
+ <div class="name">上升</div>
330
+ <div class="code-name">&amp;#xe6fe;</div>
331
+ </li>
332
+
333
+ <li class="dib">
334
+ <span class="icon micgridIconfont">&#xe6fc;</span>
335
+ <div class="name">计费策略</div>
336
+ <div class="code-name">&amp;#xe6fc;</div>
337
+ </li>
338
+
339
+ <li class="dib">
340
+ <span class="icon micgridIconfont">&#xe6f9;</span>
341
+ <div class="name">电费-fill</div>
342
+ <div class="code-name">&amp;#xe6f9;</div>
343
+ </li>
344
+
345
+ <li class="dib">
346
+ <span class="icon micgridIconfont">&#xe6fa;</span>
347
+ <div class="name">电费策略</div>
348
+ <div class="code-name">&amp;#xe6fa;</div>
349
+ </li>
350
+
351
+ <li class="dib">
352
+ <span class="icon micgridIconfont">&#xe6fb;</span>
353
+ <div class="name">计费用量</div>
354
+ <div class="code-name">&amp;#xe6fb;</div>
355
+ </li>
356
+
357
+ <li class="dib">
358
+ <span class="icon micgridIconfont">&#xe6f3;</span>
359
+ <div class="name">峰谷</div>
360
+ <div class="code-name">&amp;#xe6f3;</div>
361
+ </li>
362
+
363
+ <li class="dib">
364
+ <span class="icon micgridIconfont">&#xe6f4;</span>
365
+ <div class="name">费用</div>
366
+ <div class="code-name">&amp;#xe6f4;</div>
367
+ </li>
368
+
369
+ <li class="dib">
370
+ <span class="icon micgridIconfont">&#xe6f5;</span>
371
+ <div class="name">容量</div>
372
+ <div class="code-name">&amp;#xe6f5;</div>
373
+ </li>
374
+
375
+ <li class="dib">
376
+ <span class="icon micgridIconfont">&#xe6f6;</span>
377
+ <div class="name">合同</div>
378
+ <div class="code-name">&amp;#xe6f6;</div>
379
+ </li>
380
+
381
+ <li class="dib">
382
+ <span class="icon micgridIconfont">&#xe6f7;</span>
383
+ <div class="name">需量</div>
384
+ <div class="code-name">&amp;#xe6f7;</div>
385
+ </li>
386
+
387
+ <li class="dib">
388
+ <span class="icon micgridIconfont">&#xe6f8;</span>
389
+ <div class="name">电费</div>
390
+ <div class="code-name">&amp;#xe6f8;</div>
391
+ </li>
392
+
393
+ <li class="dib">
394
+ <span class="icon micgridIconfont">&#xe8c0;</span>
395
+ <div class="name">上网电量</div>
396
+ <div class="code-name">&amp;#xe8c0;</div>
397
+ </li>
398
+
399
+ <li class="dib">
400
+ <span class="icon micgridIconfont">&#xe8c1;</span>
401
+ <div class="name">平均消纳率</div>
402
+ <div class="code-name">&amp;#xe8c1;</div>
403
+ </li>
404
+
405
+ <li class="dib">
406
+ <span class="icon micgridIconfont">&#xe8c2;</span>
407
+ <div class="name">发电量</div>
408
+ <div class="code-name">&amp;#xe8c2;</div>
409
+ </li>
410
+
411
+ <li class="dib">
412
+ <span class="icon micgridIconfont">&#xe8c3;</span>
413
+ <div class="name">工单即将超时</div>
414
+ <div class="code-name">&amp;#xe8c3;</div>
415
+ </li>
416
+
417
+ <li class="dib">
418
+ <span class="icon micgridIconfont">&#xe8c4;</span>
419
+ <div class="name">工单处理中</div>
420
+ <div class="code-name">&amp;#xe8c4;</div>
421
+ </li>
422
+
423
+ <li class="dib">
424
+ <span class="icon micgridIconfont">&#xe8c5;</span>
425
+ <div class="name">工单待处理</div>
426
+ <div class="code-name">&amp;#xe8c5;</div>
427
+ </li>
428
+
429
+ <li class="dib">
430
+ <span class="icon micgridIconfont">&#xe8c6;</span>
431
+ <div class="name">已完成工单</div>
432
+ <div class="code-name">&amp;#xe8c6;</div>
433
+ </li>
434
+
435
+ <li class="dib">
436
+ <span class="icon micgridIconfont">&#xe8c7;</span>
437
+ <div class="name">待办工单</div>
438
+ <div class="code-name">&amp;#xe8c7;</div>
439
+ </li>
440
+
441
+ <li class="dib">
442
+ <span class="icon micgridIconfont">&#xe8c9;</span>
443
+ <div class="name">工单</div>
444
+ <div class="code-name">&amp;#xe8c9;</div>
445
+ </li>
446
+
447
+ <li class="dib">
448
+ <span class="icon micgridIconfont">&#xe8b6;</span>
449
+ <div class="name">设备-PCS</div>
450
+ <div class="code-name">&amp;#xe8b6;</div>
451
+ </li>
452
+
453
+ <li class="dib">
454
+ <span class="icon micgridIconfont">&#xe8b7;</span>
455
+ <div class="name">设备-逆变器</div>
456
+ <div class="code-name">&amp;#xe8b7;</div>
457
+ </li>
458
+
459
+ <li class="dib">
460
+ <span class="icon micgridIconfont">&#xe8b8;</span>
461
+ <div class="name">站点-正常</div>
462
+ <div class="code-name">&amp;#xe8b8;</div>
463
+ </li>
464
+
465
+ <li class="dib">
466
+ <span class="icon micgridIconfont">&#xe8b9;</span>
467
+ <div class="name">设备-变压器</div>
468
+ <div class="code-name">&amp;#xe8b9;</div>
469
+ </li>
470
+
471
+ <li class="dib">
472
+ <span class="icon micgridIconfont">&#xe8bb;</span>
473
+ <div class="name">节约煤</div>
474
+ <div class="code-name">&amp;#xe8bb;</div>
475
+ </li>
476
+
477
+ <li class="dib">
478
+ <span class="icon micgridIconfont">&#xe8bd;</span>
479
+ <div class="name">循环次数</div>
480
+ <div class="code-name">&amp;#xe8bd;</div>
481
+ </li>
482
+
483
+ <li class="dib">
484
+ <span class="icon micgridIconfont">&#xe8be;</span>
485
+ <div class="name">等效植树</div>
486
+ <div class="code-name">&amp;#xe8be;</div>
487
+ </li>
488
+
489
+ <li class="dib">
490
+ <span class="icon micgridIconfont">&#xe8bf;</span>
491
+ <div class="name">自发自用电量</div>
492
+ <div class="code-name">&amp;#xe8bf;</div>
493
+ </li>
494
+
495
+ <li class="dib">
496
+ <span class="icon micgridIconfont">&#xe8b0;</span>
497
+ <div class="name">同比</div>
498
+ <div class="code-name">&amp;#xe8b0;</div>
499
+ </li>
500
+
501
+ <li class="dib">
502
+ <span class="icon micgridIconfont">&#xe8b2;</span>
503
+ <div class="name">当日发电量</div>
504
+ <div class="code-name">&amp;#xe8b2;</div>
505
+ </li>
506
+
507
+ <li class="dib">
508
+ <span class="icon micgridIconfont">&#xe8b3;</span>
509
+ <div class="name">设备-电池堆</div>
510
+ <div class="code-name">&amp;#xe8b3;</div>
511
+ </li>
512
+
513
+ <li class="dib">
514
+ <span class="icon micgridIconfont">&#xe8b4;</span>
515
+ <div class="name">低效站点</div>
516
+ <div class="code-name">&amp;#xe8b4;</div>
517
+ </li>
518
+
519
+ <li class="dib">
520
+ <span class="icon micgridIconfont">&#xe8b5;</span>
521
+ <div class="name">站点-异常</div>
522
+ <div class="code-name">&amp;#xe8b5;</div>
523
+ </li>
524
+
525
+ <li class="dib">
526
+ <span class="icon micgridIconfont">&#xe894;</span>
527
+ <div class="name">环比</div>
528
+ <div class="code-name">&amp;#xe894;</div>
529
+ </li>
530
+
531
+ <li class="dib">
532
+ <span class="icon micgridIconfont">&#xe8ad;</span>
533
+ <div class="name">查询</div>
534
+ <div class="code-name">&amp;#xe8ad;</div>
535
+ </li>
536
+
537
+ <li class="dib">
538
+ <span class="icon micgridIconfont">&#xe8ae;</span>
539
+ <div class="name">重置</div>
540
+ <div class="code-name">&amp;#xe8ae;</div>
541
+ </li>
542
+
543
+ <li class="dib">
544
+ <span class="icon micgridIconfont">&#xe8af;</span>
545
+ <div class="name">PR值</div>
546
+ <div class="code-name">&amp;#xe8af;</div>
547
+ </li>
548
+
549
+ <li class="dib">
550
+ <span class="icon micgridIconfont">&#xe8a8;</span>
551
+ <div class="name">额定容量</div>
552
+ <div class="code-name">&amp;#xe8a8;</div>
553
+ </li>
554
+
555
+ <li class="dib">
556
+ <span class="icon micgridIconfont">&#xe8a9;</span>
557
+ <div class="name">可用小时数</div>
558
+ <div class="code-name">&amp;#xe8a9;</div>
559
+ </li>
560
+
561
+ <li class="dib">
562
+ <span class="icon micgridIconfont">&#xe8aa;</span>
563
+ <div class="name">并网电压</div>
564
+ <div class="code-name">&amp;#xe8aa;</div>
565
+ </li>
566
+
567
+ <li class="dib">
568
+ <span class="icon micgridIconfont">&#xe8ab;</span>
569
+ <div class="name">有功功率</div>
570
+ <div class="code-name">&amp;#xe8ab;</div>
571
+ </li>
572
+
573
+ <li class="dib">
574
+ <span class="icon micgridIconfont">&#xe878;</span>
575
+ <div class="name">箭头-上</div>
576
+ <div class="code-name">&amp;#xe878;</div>
577
+ </li>
578
+
579
+ <li class="dib">
580
+ <span class="icon micgridIconfont">&#xe89e;</span>
581
+ <div class="name">告警</div>
582
+ <div class="code-name">&amp;#xe89e;</div>
583
+ </li>
584
+
585
+ <li class="dib">
586
+ <span class="icon micgridIconfont">&#xe8a0;</span>
587
+ <div class="name">箭头-左</div>
588
+ <div class="code-name">&amp;#xe8a0;</div>
589
+ </li>
590
+
591
+ <li class="dib">
592
+ <span class="icon micgridIconfont">&#xe8a1;</span>
593
+ <div class="name">关闭</div>
594
+ <div class="code-name">&amp;#xe8a1;</div>
595
+ </li>
596
+
597
+ <li class="dib">
598
+ <span class="icon micgridIconfont">&#xe8a2;</span>
599
+ <div class="name">日期选择</div>
600
+ <div class="code-name">&amp;#xe8a2;</div>
601
+ </li>
602
+
603
+ <li class="dib">
604
+ <span class="icon micgridIconfont">&#xe8a4;</span>
605
+ <div class="name">新增</div>
606
+ <div class="code-name">&amp;#xe8a4;</div>
607
+ </li>
608
+
609
+ <li class="dib">
610
+ <span class="icon micgridIconfont">&#xe8a5;</span>
611
+ <div class="name">箭头-右</div>
612
+ <div class="code-name">&amp;#xe8a5;</div>
613
+ </li>
614
+
615
+ <li class="dib">
616
+ <span class="icon micgridIconfont">&#xe8a6;</span>
617
+ <div class="name">箭头-下</div>
618
+ <div class="code-name">&amp;#xe8a6;</div>
619
+ </li>
620
+
621
+ <li class="dib">
622
+ <span class="icon micgridIconfont">&#xe877;</span>
623
+ <div class="name">逆变器</div>
624
+ <div class="code-name">&amp;#xe877;</div>
625
+ </li>
626
+
627
+ <li class="dib">
628
+ <span class="icon micgridIconfont">&#xe8a7;</span>
629
+ <div class="name">无功功率</div>
630
+ <div class="code-name">&amp;#xe8a7;</div>
631
+ </li>
632
+
633
+ <li class="dib">
634
+ <span class="icon micgridIconfont">&#xe890;</span>
635
+ <div class="name">状态-异常</div>
636
+ <div class="code-name">&amp;#xe890;</div>
637
+ </li>
638
+
639
+ <li class="dib">
640
+ <span class="icon micgridIconfont">&#xe891;</span>
641
+ <div class="name">状态-正常</div>
642
+ <div class="code-name">&amp;#xe891;</div>
643
+ </li>
644
+
645
+ <li class="dib">
646
+ <span class="icon micgridIconfont">&#xe892;</span>
647
+ <div class="name">额定功率</div>
648
+ <div class="code-name">&amp;#xe892;</div>
649
+ </li>
650
+
651
+ <li class="dib">
652
+ <span class="icon micgridIconfont">&#xe893;</span>
653
+ <div class="name">环境温度</div>
654
+ <div class="code-name">&amp;#xe893;</div>
655
+ </li>
656
+
657
+ <li class="dib">
658
+ <span class="icon micgridIconfont">&#xe895;</span>
659
+ <div class="name">电压等级</div>
660
+ <div class="code-name">&amp;#xe895;</div>
661
+ </li>
662
+
663
+ <li class="dib">
664
+ <span class="icon micgridIconfont">&#xe896;</span>
665
+ <div class="name">累计充电量</div>
666
+ <div class="code-name">&amp;#xe896;</div>
667
+ </li>
668
+
669
+ <li class="dib">
670
+ <span class="icon micgridIconfont">&#xe897;</span>
671
+ <div class="name">今日放电量</div>
672
+ <div class="code-name">&amp;#xe897;</div>
673
+ </li>
674
+
675
+ <li class="dib">
676
+ <span class="icon micgridIconfont">&#xe898;</span>
677
+ <div class="name">累计放电量</div>
678
+ <div class="code-name">&amp;#xe898;</div>
679
+ </li>
680
+
681
+ <li class="dib">
682
+ <span class="icon micgridIconfont">&#xe899;</span>
683
+ <div class="name">本日充电量</div>
684
+ <div class="code-name">&amp;#xe899;</div>
685
+ </li>
686
+
687
+ <li class="dib">
688
+ <span class="icon micgridIconfont">&#xe89a;</span>
689
+ <div class="name">额定容量</div>
690
+ <div class="code-name">&amp;#xe89a;</div>
691
+ </li>
692
+
693
+ <li class="dib">
694
+ <span class="icon micgridIconfont">&#xe89b;</span>
695
+ <div class="name">当前总功率</div>
696
+ <div class="code-name">&amp;#xe89b;</div>
697
+ </li>
698
+
699
+ <li class="dib">
700
+ <span class="icon micgridIconfont">&#xe89c;</span>
701
+ <div class="name">温度</div>
702
+ <div class="code-name">&amp;#xe89c;</div>
703
+ </li>
704
+
705
+ <li class="dib">
706
+ <span class="icon micgridIconfont">&#xe882;</span>
707
+ <div class="name">空调</div>
708
+ <div class="code-name">&amp;#xe882;</div>
709
+ </li>
710
+
711
+ <li class="dib">
712
+ <span class="icon micgridIconfont">&#xe883;</span>
713
+ <div class="name">风机系统</div>
714
+ <div class="code-name">&amp;#xe883;</div>
715
+ </li>
716
+
717
+ <li class="dib">
718
+ <span class="icon micgridIconfont">&#xe884;</span>
719
+ <div class="name">全部负荷</div>
720
+ <div class="code-name">&amp;#xe884;</div>
721
+ </li>
722
+
723
+ <li class="dib">
724
+ <span class="icon micgridIconfont">&#xe885;</span>
725
+ <div class="name">空调系统</div>
726
+ <div class="code-name">&amp;#xe885;</div>
727
+ </li>
728
+
729
+ <li class="dib">
730
+ <span class="icon micgridIconfont">&#xe880;</span>
731
+ <div class="name">频率</div>
732
+ <div class="code-name">&amp;#xe880;</div>
733
+ </li>
734
+
735
+ <li class="dib">
736
+ <span class="icon micgridIconfont">&#xe886;</span>
737
+ <div class="name">功率因数</div>
738
+ <div class="code-name">&amp;#xe886;</div>
739
+ </li>
740
+
741
+ <li class="dib">
742
+ <span class="icon micgridIconfont">&#xe87e;</span>
743
+ <div class="name">设备-进线柜</div>
744
+ <div class="code-name">&amp;#xe87e;</div>
745
+ </li>
746
+
747
+ <li class="dib">
748
+ <span class="icon micgridIconfont">&#xe887;</span>
749
+ <div class="name">设备-馈线柜</div>
750
+ <div class="code-name">&amp;#xe887;</div>
751
+ </li>
752
+
753
+ <li class="dib">
754
+ <span class="icon micgridIconfont">&#xe888;</span>
755
+ <div class="name">总电流</div>
756
+ <div class="code-name">&amp;#xe888;</div>
757
+ </li>
758
+
759
+ <li class="dib">
760
+ <span class="icon micgridIconfont">&#xe889;</span>
761
+ <div class="name">可充电电量</div>
762
+ <div class="code-name">&amp;#xe889;</div>
763
+ </li>
764
+
765
+ <li class="dib">
766
+ <span class="icon micgridIconfont">&#xe88a;</span>
767
+ <div class="name">总电压</div>
768
+ <div class="code-name">&amp;#xe88a;</div>
769
+ </li>
770
+
771
+ <li class="dib">
772
+ <span class="icon micgridIconfont">&#xe88b;</span>
773
+ <div class="name">可放电电量</div>
774
+ <div class="code-name">&amp;#xe88b;</div>
775
+ </li>
776
+
777
+ <li class="dib">
778
+ <span class="icon micgridIconfont">&#xe88c;</span>
779
+ <div class="name">电流</div>
780
+ <div class="code-name">&amp;#xe88c;</div>
781
+ </li>
782
+
783
+ <li class="dib">
784
+ <span class="icon micgridIconfont">&#xe88d;</span>
785
+ <div class="name">环境湿度</div>
786
+ <div class="code-name">&amp;#xe88d;</div>
787
+ </li>
788
+
789
+ <li class="dib">
790
+ <span class="icon micgridIconfont">&#xe88f;</span>
791
+ <div class="name">可充放电量</div>
792
+ <div class="code-name">&amp;#xe88f;</div>
793
+ </li>
794
+
795
+ <li class="dib">
796
+ <span class="icon micgridIconfont">&#xe881;</span>
797
+ <div class="name">风机</div>
798
+ <div class="code-name">&amp;#xe881;</div>
799
+ </li>
800
+
801
+ <li class="dib">
802
+ <span class="icon micgridIconfont">&#xe879;</span>
803
+ <div class="name">消息</div>
804
+ <div class="code-name">&amp;#xe879;</div>
805
+ </li>
806
+
807
+ <li class="dib">
808
+ <span class="icon micgridIconfont">&#xe87a;</span>
809
+ <div class="name">菜单展开</div>
810
+ <div class="code-name">&amp;#xe87a;</div>
811
+ </li>
812
+
813
+ <li class="dib">
814
+ <span class="icon micgridIconfont">&#xe87b;</span>
815
+ <div class="name">声音控制-关闭</div>
816
+ <div class="code-name">&amp;#xe87b;</div>
817
+ </li>
818
+
819
+ <li class="dib">
820
+ <span class="icon micgridIconfont">&#xe87c;</span>
821
+ <div class="name">菜单收起</div>
822
+ <div class="code-name">&amp;#xe87c;</div>
823
+ </li>
824
+
825
+ <li class="dib">
826
+ <span class="icon micgridIconfont">&#xe87d;</span>
827
+ <div class="name">声音控制-开启</div>
828
+ <div class="code-name">&amp;#xe87d;</div>
829
+ </li>
830
+
831
+ <li class="dib">
832
+ <span class="icon micgridIconfont">&#xe86f;</span>
833
+ <div class="name">导航-运营管理</div>
834
+ <div class="code-name">&amp;#xe86f;</div>
835
+ </li>
836
+
837
+ <li class="dib">
838
+ <span class="icon micgridIconfont">&#xe870;</span>
839
+ <div class="name">导航-运行监控</div>
840
+ <div class="code-name">&amp;#xe870;</div>
841
+ </li>
842
+
843
+ <li class="dib">
844
+ <span class="icon micgridIconfont">&#xe86d;</span>
845
+ <div class="name">导航-站点概览</div>
846
+ <div class="code-name">&amp;#xe86d;</div>
847
+ </li>
848
+
849
+ <li class="dib">
850
+ <span class="icon micgridIconfont">&#xe871;</span>
851
+ <div class="name">导航-事件中心</div>
852
+ <div class="code-name">&amp;#xe871;</div>
853
+ </li>
854
+
855
+ <li class="dib">
856
+ <span class="icon micgridIconfont">&#xe872;</span>
857
+ <div class="name">导航-运维管理</div>
858
+ <div class="code-name">&amp;#xe872;</div>
859
+ </li>
860
+
861
+ <li class="dib">
862
+ <span class="icon micgridIconfont">&#xe873;</span>
863
+ <div class="name">导航-全景视图</div>
864
+ <div class="code-name">&amp;#xe873;</div>
865
+ </li>
866
+
867
+ <li class="dib">
868
+ <span class="icon micgridIconfont">&#xe874;</span>
869
+ <div class="name">导航-模型管理</div>
870
+ <div class="code-name">&amp;#xe874;</div>
871
+ </li>
872
+
873
+ <li class="dib">
874
+ <span class="icon micgridIconfont">&#xe875;</span>
875
+ <div class="name">导航-诊断分析</div>
876
+ <div class="code-name">&amp;#xe875;</div>
877
+ </li>
878
+
879
+ <li class="dib">
880
+ <span class="icon micgridIconfont">&#xe876;</span>
881
+ <div class="name">导航-设备管理</div>
882
+ <div class="code-name">&amp;#xe876;</div>
883
+ </li>
884
+
885
+ <li class="dib">
886
+ <span class="icon micgridIconfont">&#xe6f2;</span>
887
+ <div class="name">SO₂</div>
888
+ <div class="code-name">&amp;#xe6f2;</div>
889
+ </li>
890
+
891
+ <li class="dib">
892
+ <span class="icon micgridIconfont">&#xe6f1;</span>
893
+ <div class="name">CO₂</div>
894
+ <div class="code-name">&amp;#xe6f1;</div>
895
+ </li>
896
+
897
+ <li class="dib">
898
+ <span class="icon micgridIconfont">&#xe6f0;</span>
899
+ <div class="name">tree</div>
900
+ <div class="code-name">&amp;#xe6f0;</div>
901
+ </li>
902
+
903
+ <li class="dib">
904
+ <span class="icon micgridIconfont">&#xe6ef;</span>
905
+ <div class="name">默认</div>
906
+ <div class="code-name">&amp;#xe6ef;</div>
907
+ </li>
908
+
909
+ <li class="dib">
910
+ <span class="icon micgridIconfont">&#xe6ee;</span>
911
+ <div class="name">图标外框</div>
912
+ <div class="code-name">&amp;#xe6ee;</div>
913
+ </li>
914
+
915
+ <li class="dib">
916
+ <span class="icon micgridIconfont">&#xe6ed;</span>
917
+ <div class="name">rainy-day</div>
918
+ <div class="code-name">&amp;#xe6ed;</div>
919
+ </li>
920
+
921
+ <li class="dib">
922
+ <span class="icon micgridIconfont">&#xe6ec;</span>
923
+ <div class="name">cloudy</div>
924
+ <div class="code-name">&amp;#xe6ec;</div>
925
+ </li>
926
+
927
+ <li class="dib">
928
+ <span class="icon micgridIconfont">&#xe869;</span>
929
+ <div class="name">用电费用</div>
930
+ <div class="code-name">&amp;#xe869;</div>
931
+ </li>
932
+
933
+ <li class="dib">
934
+ <span class="icon micgridIconfont">&#xe86a;</span>
935
+ <div class="name">用电量</div>
936
+ <div class="code-name">&amp;#xe86a;</div>
937
+ </li>
938
+
939
+ <li class="dib">
940
+ <span class="icon micgridIconfont">&#xe863;</span>
941
+ <div class="name">市电电量</div>
942
+ <div class="code-name">&amp;#xe863;</div>
943
+ </li>
944
+
945
+ <li class="dib">
946
+ <span class="icon micgridIconfont">&#xe864;</span>
947
+ <div class="name">充电桩收益</div>
948
+ <div class="code-name">&amp;#xe864;</div>
949
+ </li>
950
+
951
+ <li class="dib">
952
+ <span class="icon micgridIconfont">&#xe865;</span>
953
+ <div class="name">绿电比例</div>
954
+ <div class="code-name">&amp;#xe865;</div>
955
+ </li>
956
+
957
+ <li class="dib">
958
+ <span class="icon micgridIconfont">&#xe866;</span>
959
+ <div class="name">储能收益</div>
960
+ <div class="code-name">&amp;#xe866;</div>
961
+ </li>
962
+
963
+ <li class="dib">
964
+ <span class="icon micgridIconfont">&#xe867;</span>
965
+ <div class="name">发电量</div>
966
+ <div class="code-name">&amp;#xe867;</div>
967
+ </li>
968
+
969
+ <li class="dib">
970
+ <span class="icon micgridIconfont">&#xe868;</span>
971
+ <div class="name">光伏收益</div>
972
+ <div class="code-name">&amp;#xe868;</div>
973
+ </li>
974
+
975
+ <li class="dib">
976
+ <span class="icon micgridIconfont">&#xe84e;</span>
977
+ <div class="name">告警</div>
978
+ <div class="code-name">&amp;#xe84e;</div>
979
+ </li>
980
+
981
+ <li class="dib">
982
+ <span class="icon micgridIconfont">&#xe84d;</span>
983
+ <div class="name">非计划停电</div>
984
+ <div class="code-name">&amp;#xe84d;</div>
985
+ </li>
986
+
987
+ <li class="dib">
988
+ <span class="icon micgridIconfont">&#xe84c;</span>
989
+ <div class="name">电压合格率</div>
990
+ <div class="code-name">&amp;#xe84c;</div>
991
+ </li>
992
+
993
+ <li class="dib">
994
+ <span class="icon micgridIconfont">&#xe84b;</span>
995
+ <div class="name">电力</div>
996
+ <div class="code-name">&amp;#xe84b;</div>
997
+ </li>
998
+
999
+ <li class="dib">
1000
+ <span class="icon micgridIconfont">&#xe84a;</span>
1001
+ <div class="name">储能装机容量</div>
1002
+ <div class="code-name">&amp;#xe84a;</div>
1003
+ </li>
1004
+
1005
+ <li class="dib">
1006
+ <span class="icon micgridIconfont">&#xe849;</span>
1007
+ <div class="name">充电桩总功率</div>
1008
+ <div class="code-name">&amp;#xe849;</div>
1009
+ </li>
1010
+
1011
+ <li class="dib">
1012
+ <span class="icon micgridIconfont">&#xe848;</span>
1013
+ <div class="name">并网电压等级</div>
1014
+ <div class="code-name">&amp;#xe848;</div>
1015
+ </li>
1016
+
1017
+ <li class="dib">
1018
+ <span class="icon micgridIconfont">&#xe847;</span>
1019
+ <div class="name">变压器容量</div>
1020
+ <div class="code-name">&amp;#xe847;</div>
1021
+ </li>
1022
+
1023
+ <li class="dib">
1024
+ <span class="icon micgridIconfont">&#xe858;</span>
1025
+ <div class="name">晴</div>
1026
+ <div class="code-name">&amp;#xe858;</div>
1027
+ </li>
1028
+
1029
+ <li class="dib">
1030
+ <span class="icon micgridIconfont">&#xe857;</span>
1031
+ <div class="name">菱形</div>
1032
+ <div class="code-name">&amp;#xe857;</div>
1033
+ </li>
1034
+
1035
+ <li class="dib">
1036
+ <span class="icon micgridIconfont">&#xe856;</span>
1037
+ <div class="name">累计总收益</div>
1038
+ <div class="code-name">&amp;#xe856;</div>
1039
+ </li>
1040
+
1041
+ <li class="dib">
1042
+ <span class="icon micgridIconfont">&#xe855;</span>
1043
+ <div class="name">进入系统</div>
1044
+ <div class="code-name">&amp;#xe855;</div>
1045
+ </li>
1046
+
1047
+ <li class="dib">
1048
+ <span class="icon micgridIconfont">&#xe854;</span>
1049
+ <div class="name">箭头-左</div>
1050
+ <div class="code-name">&amp;#xe854;</div>
1051
+ </li>
1052
+
1053
+ <li class="dib">
1054
+ <span class="icon micgridIconfont">&#xe853;</span>
1055
+ <div class="name">箭头-右</div>
1056
+ <div class="code-name">&amp;#xe853;</div>
1057
+ </li>
1058
+
1059
+ <li class="dib">
1060
+ <span class="icon micgridIconfont">&#xe852;</span>
1061
+ <div class="name">箭头-下</div>
1062
+ <div class="code-name">&amp;#xe852;</div>
1063
+ </li>
1064
+
1065
+ <li class="dib">
1066
+ <span class="icon micgridIconfont">&#xe851;</span>
1067
+ <div class="name">箭头-上</div>
1068
+ <div class="code-name">&amp;#xe851;</div>
1069
+ </li>
1070
+
1071
+ <li class="dib">
1072
+ <span class="icon micgridIconfont">&#xe850;</span>
1073
+ <div class="name">光伏装机功率</div>
1074
+ <div class="code-name">&amp;#xe850;</div>
1075
+ </li>
1076
+
1077
+ <li class="dib">
1078
+ <span class="icon micgridIconfont">&#xe84f;</span>
1079
+ <div class="name">供电可靠率</div>
1080
+ <div class="code-name">&amp;#xe84f;</div>
1081
+ </li>
1082
+
1083
+ <li class="dib">
1084
+ <span class="icon micgridIconfont">&#xe85b;</span>
1085
+ <div class="name">三角箭头-右</div>
1086
+ <div class="code-name">&amp;#xe85b;</div>
1087
+ </li>
1088
+
1089
+ <li class="dib">
1090
+ <span class="icon micgridIconfont">&#xe85a;</span>
1091
+ <div class="name">三角箭头-下</div>
1092
+ <div class="code-name">&amp;#xe85a;</div>
1093
+ </li>
1094
+
1095
+ <li class="dib">
1096
+ <span class="icon micgridIconfont">&#xe859;</span>
1097
+ <div class="name">三角箭头-上</div>
1098
+ <div class="code-name">&amp;#xe859;</div>
1099
+ </li>
1100
+
1101
+ <li class="dib">
1102
+ <span class="icon micgridIconfont">&#xe860;</span>
1103
+ <div class="name">温度</div>
1104
+ <div class="code-name">&amp;#xe860;</div>
1105
+ </li>
1106
+
1107
+ <li class="dib">
1108
+ <span class="icon micgridIconfont">&#xe85f;</span>
1109
+ <div class="name">退出</div>
1110
+ <div class="code-name">&amp;#xe85f;</div>
1111
+ </li>
1112
+
1113
+ <li class="dib">
1114
+ <span class="icon micgridIconfont">&#xe85e;</span>
1115
+ <div class="name">投运时间</div>
1116
+ <div class="code-name">&amp;#xe85e;</div>
1117
+ </li>
1118
+
1119
+ <li class="dib">
1120
+ <span class="icon micgridIconfont">&#xe85d;</span>
1121
+ <div class="name">湿度</div>
1122
+ <div class="code-name">&amp;#xe85d;</div>
1123
+ </li>
1124
+
1125
+ <li class="dib">
1126
+ <span class="icon micgridIconfont">&#xe85c;</span>
1127
+ <div class="name">三角箭头-左</div>
1128
+ <div class="code-name">&amp;#xe85c;</div>
1129
+ </li>
1130
+
1131
+ </ul>
1132
+ <div class="article markdown">
1133
+ <h2 id="unicode-">Unicode 引用</h2>
1134
+ <hr>
1135
+
1136
+ <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
1137
+ <ul>
1138
+ <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
1139
+ <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
1140
+ </ul>
1141
+ <blockquote>
1142
+ <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
1143
+ </blockquote>
1144
+ <p>Unicode 使用步骤如下：</p>
1145
+ <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
1146
+ <pre><code class="language-css"
1147
+ >@font-face {
1148
+ font-family: 'micgridIconfont';
1149
+ src: url('iconfont.woff2?t=1768786721024') format('woff2'),
1150
+ url('iconfont.woff?t=1768786721024') format('woff'),
1151
+ url('iconfont.ttf?t=1768786721024') format('truetype');
1152
+ }
1153
+ </code></pre>
1154
+ <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
1155
+ <pre><code class="language-css"
1156
+ >.micgridIconfont {
1157
+ font-family: "micgridIconfont" !important;
1158
+ font-size: 16px;
1159
+ font-style: normal;
1160
+ -webkit-font-smoothing: antialiased;
1161
+ -moz-osx-font-smoothing: grayscale;
1162
+ }
1163
+ </code></pre>
1164
+ <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
1165
+ <pre>
1166
+ <code class="language-html"
1167
+ >&lt;span class="micgridIconfont"&gt;&amp;#x33;&lt;/span&gt;
1168
+ </code></pre>
1169
+ <blockquote>
1170
+ <p>"micgridIconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
1171
+ </blockquote>
1172
+ </div>
1173
+ </div>
1174
+ <div class="content font-class">
1175
+ <ul class="icon_lists dib-box">
1176
+
1177
+ <li class="dib">
1178
+ <span class="icon micgridIconfont micgrid-icon-mic-question"></span>
1179
+ <div class="name">
1180
+ 帮助
1181
+ </div>
1182
+ <div class="code-name">.micgrid-icon-mic-question
1183
+ </div>
1184
+ </li>
1185
+
1186
+ <li class="dib">
1187
+ <span class="icon micgridIconfont micgrid-icon-mic-close"></span>
1188
+ <div class="name">
1189
+ mic-close
1190
+ </div>
1191
+ <div class="code-name">.micgrid-icon-mic-close
1192
+ </div>
1193
+ </li>
1194
+
1195
+ <li class="dib">
1196
+ <span class="icon micgridIconfont micgrid-icon-mic-loadu-ele"></span>
1197
+ <div class="name">
1198
+ 用电负荷
1199
+ </div>
1200
+ <div class="code-name">.micgrid-icon-mic-loadu-ele
1201
+ </div>
1202
+ </li>
1203
+
1204
+ <li class="dib">
1205
+ <span class="icon micgridIconfont micgrid-icon-mic-ele-net"></span>
1206
+ <div class="name">
1207
+ 电网系统
1208
+ </div>
1209
+ <div class="code-name">.micgrid-icon-mic-ele-net
1210
+ </div>
1211
+ </li>
1212
+
1213
+ <li class="dib">
1214
+ <span class="icon micgridIconfont micgrid-icon-mic-battery"></span>
1215
+ <div class="name">
1216
+ 储能状态
1217
+ </div>
1218
+ <div class="code-name">.micgrid-icon-mic-battery
1219
+ </div>
1220
+ </li>
1221
+
1222
+ <li class="dib">
1223
+ <span class="icon micgridIconfont micgrid-icon-mic-chgu"></span>
1224
+ <div class="name">
1225
+ 充电桩
1226
+ </div>
1227
+ <div class="code-name">.micgrid-icon-mic-chgu
1228
+ </div>
1229
+ </li>
1230
+
1231
+ <li class="dib">
1232
+ <span class="icon micgridIconfont micgrid-icon-mic-pvu-ele"></span>
1233
+ <div class="name">
1234
+ 光伏发电
1235
+ </div>
1236
+ <div class="code-name">.micgrid-icon-mic-pvu-ele
1237
+ </div>
1238
+ </li>
1239
+
1240
+ <li class="dib">
1241
+ <span class="icon micgridIconfont micgrid-icon-mic-se"></span>
1242
+ <div class="name">
1243
+ 负荷标准误差
1244
+ </div>
1245
+ <div class="code-name">.micgrid-icon-mic-se
1246
+ </div>
1247
+ </li>
1248
+
1249
+ <li class="dib">
1250
+ <span class="icon micgridIconfont micgrid-icon-mic-percent1"></span>
1251
+ <div class="name">
1252
+ 发电预测
1253
+ </div>
1254
+ <div class="code-name">.micgrid-icon-mic-percent1
1255
+ </div>
1256
+ </li>
1257
+
1258
+ <li class="dib">
1259
+ <span class="icon micgridIconfont micgrid-icon-mic-root-error2"></span>
1260
+ <div class="name">
1261
+ 方根误差
1262
+ </div>
1263
+ <div class="code-name">.micgrid-icon-mic-root-error2
1264
+ </div>
1265
+ </li>
1266
+
1267
+ <li class="dib">
1268
+ <span class="icon micgridIconfont micgrid-icon-mic-root-error"></span>
1269
+ <div class="name">
1270
+ 负荷方根误差
1271
+ </div>
1272
+ <div class="code-name">.micgrid-icon-mic-root-error
1273
+ </div>
1274
+ </li>
1275
+
1276
+ <li class="dib">
1277
+ <span class="icon micgridIconfont micgrid-icon-mic-se2"></span>
1278
+ <div class="name">
1279
+ 标准误差
1280
+ </div>
1281
+ <div class="code-name">.micgrid-icon-mic-se2
1282
+ </div>
1283
+ </li>
1284
+
1285
+ <li class="dib">
1286
+ <span class="icon micgridIconfont micgrid-icon-mic-file"></span>
1287
+ <div class="name">
1288
+ 文件
1289
+ </div>
1290
+ <div class="code-name">.micgrid-icon-mic-file
1291
+ </div>
1292
+ </li>
1293
+
1294
+ <li class="dib">
1295
+ <span class="icon micgridIconfont micgrid-icon-mic-calculate"></span>
1296
+ <div class="name">
1297
+ 计算
1298
+ </div>
1299
+ <div class="code-name">.micgrid-icon-mic-calculate
1300
+ </div>
1301
+ </li>
1302
+
1303
+ <li class="dib">
1304
+ <span class="icon micgridIconfont micgrid-icon-mic-set-fill"></span>
1305
+ <div class="name">
1306
+ 储能运维导航_系统管理
1307
+ </div>
1308
+ <div class="code-name">.micgrid-icon-mic-set-fill
1309
+ </div>
1310
+ </li>
1311
+
1312
+ <li class="dib">
1313
+ <span class="icon micgridIconfont micgrid-icon-mic-load"></span>
1314
+ <div class="name">
1315
+ 负荷
1316
+ </div>
1317
+ <div class="code-name">.micgrid-icon-mic-load
1318
+ </div>
1319
+ </li>
1320
+
1321
+ <li class="dib">
1322
+ <span class="icon micgridIconfont micgrid-icon-mic-localtion"></span>
1323
+ <div class="name">
1324
+ 位置
1325
+ </div>
1326
+ <div class="code-name">.micgrid-icon-mic-localtion
1327
+ </div>
1328
+ </li>
1329
+
1330
+ <li class="dib">
1331
+ <span class="icon micgridIconfont micgrid-icon-mic-line-chart"></span>
1332
+ <div class="name">
1333
+ 曲线图
1334
+ </div>
1335
+ <div class="code-name">.micgrid-icon-mic-line-chart
1336
+ </div>
1337
+ </li>
1338
+
1339
+ <li class="dib">
1340
+ <span class="icon micgridIconfont micgrid-icon-mic-list"></span>
1341
+ <div class="name">
1342
+ 列表
1343
+ </div>
1344
+ <div class="code-name">.micgrid-icon-mic-list
1345
+ </div>
1346
+ </li>
1347
+
1348
+ <li class="dib">
1349
+ <span class="icon micgridIconfont micgrid-icon-mic-list1"></span>
1350
+ <div class="name">
1351
+ 列表-1
1352
+ </div>
1353
+ <div class="code-name">.micgrid-icon-mic-list1
1354
+ </div>
1355
+ </li>
1356
+
1357
+ <li class="dib">
1358
+ <span class="icon micgridIconfont micgrid-icon-mic-grid"></span>
1359
+ <div class="name">
1360
+ 卡片列表
1361
+ </div>
1362
+ <div class="code-name">.micgrid-icon-mic-grid
1363
+ </div>
1364
+ </li>
1365
+
1366
+ <li class="dib">
1367
+ <span class="icon micgridIconfont micgrid-icon-mic-edit"></span>
1368
+ <div class="name">
1369
+ 编辑
1370
+ </div>
1371
+ <div class="code-name">.micgrid-icon-mic-edit
1372
+ </div>
1373
+ </li>
1374
+
1375
+ <li class="dib">
1376
+ <span class="icon micgridIconfont micgrid-icon-mic-power"></span>
1377
+ <div class="name">
1378
+ 气压
1379
+ </div>
1380
+ <div class="code-name">.micgrid-icon-mic-power
1381
+ </div>
1382
+ </li>
1383
+
1384
+ <li class="dib">
1385
+ <span class="icon micgridIconfont micgrid-icon-mic-humidity1"></span>
1386
+ <div class="name">
1387
+ 湿度
1388
+ </div>
1389
+ <div class="code-name">.micgrid-icon-mic-humidity1
1390
+ </div>
1391
+ </li>
1392
+
1393
+ <li class="dib">
1394
+ <span class="icon micgridIconfont micgrid-icon-mic-temperature1"></span>
1395
+ <div class="name">
1396
+ 温度
1397
+ </div>
1398
+ <div class="code-name">.micgrid-icon-mic-temperature1
1399
+ </div>
1400
+ </li>
1401
+
1402
+ <li class="dib">
1403
+ <span class="icon micgridIconfont micgrid-icon-mic-pvu-fill"></span>
1404
+ <div class="name">
1405
+ 光伏
1406
+ </div>
1407
+ <div class="code-name">.micgrid-icon-mic-pvu-fill
1408
+ </div>
1409
+ </li>
1410
+
1411
+ <li class="dib">
1412
+ <span class="icon micgridIconfont micgrid-icon-mic-load1"></span>
1413
+ <div class="name">
1414
+ 负荷
1415
+ </div>
1416
+ <div class="code-name">.micgrid-icon-mic-load1
1417
+ </div>
1418
+ </li>
1419
+
1420
+ <li class="dib">
1421
+ <span class="icon micgridIconfont micgrid-icon-mic-radiation"></span>
1422
+ <div class="name">
1423
+ 辐射
1424
+ </div>
1425
+ <div class="code-name">.micgrid-icon-mic-radiation
1426
+ </div>
1427
+ </li>
1428
+
1429
+ <li class="dib">
1430
+ <span class="icon micgridIconfont micgrid-icon-mic-cloud"></span>
1431
+ <div class="name">
1432
+ 云
1433
+ </div>
1434
+ <div class="code-name">.micgrid-icon-mic-cloud
1435
+ </div>
1436
+ </li>
1437
+
1438
+ <li class="dib">
1439
+ <span class="icon micgridIconfont micgrid-icon-mic-rain"></span>
1440
+ <div class="name">
1441
+ 降水
1442
+ </div>
1443
+ <div class="code-name">.micgrid-icon-mic-rain
1444
+ </div>
1445
+ </li>
1446
+
1447
+ <li class="dib">
1448
+ <span class="icon micgridIconfont micgrid-icon-mic-dispersion"></span>
1449
+ <div class="name">
1450
+ 站点离散率
1451
+ </div>
1452
+ <div class="code-name">.micgrid-icon-mic-dispersion
1453
+ </div>
1454
+ </li>
1455
+
1456
+ <li class="dib">
1457
+ <span class="icon micgridIconfont micgrid-icon-mic-help-fill"></span>
1458
+ <div class="name">
1459
+ 帮助
1460
+ </div>
1461
+ <div class="code-name">.micgrid-icon-mic-help-fill
1462
+ </div>
1463
+ </li>
1464
+
1465
+ <li class="dib">
1466
+ <span class="icon micgridIconfont micgrid-icon-mic-info-fill"></span>
1467
+ <div class="name">
1468
+ 注释
1469
+ </div>
1470
+ <div class="code-name">.micgrid-icon-mic-info-fill
1471
+ </div>
1472
+ </li>
1473
+
1474
+ <li class="dib">
1475
+ <span class="icon micgridIconfont micgrid-icon-mic-info"></span>
1476
+ <div class="name">
1477
+ 注释-solid
1478
+ </div>
1479
+ <div class="code-name">.micgrid-icon-mic-info
1480
+ </div>
1481
+ </li>
1482
+
1483
+ <li class="dib">
1484
+ <span class="icon micgridIconfont micgrid-icon-mic-help"></span>
1485
+ <div class="name">
1486
+ 帮助-solid
1487
+ </div>
1488
+ <div class="code-name">.micgrid-icon-mic-help
1489
+ </div>
1490
+ </li>
1491
+
1492
+ <li class="dib">
1493
+ <span class="icon micgridIconfont micgrid-icon-mic-update"></span>
1494
+ <div class="name">
1495
+ 更新
1496
+ </div>
1497
+ <div class="code-name">.micgrid-icon-mic-update
1498
+ </div>
1499
+ </li>
1500
+
1501
+ <li class="dib">
1502
+ <span class="icon micgridIconfont micgrid-icon-mic-delete"></span>
1503
+ <div class="name">
1504
+ 删除
1505
+ </div>
1506
+ <div class="code-name">.micgrid-icon-mic-delete
1507
+ </div>
1508
+ </li>
1509
+
1510
+ <li class="dib">
1511
+ <span class="icon micgridIconfont micgrid-icon-mic-range"></span>
1512
+ <div class="name">
1513
+ 至
1514
+ </div>
1515
+ <div class="code-name">.micgrid-icon-mic-range
1516
+ </div>
1517
+ </li>
1518
+
1519
+ <li class="dib">
1520
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-down"></span>
1521
+ <div class="name">
1522
+ 降
1523
+ </div>
1524
+ <div class="code-name">.micgrid-icon-mic-arrow-down
1525
+ </div>
1526
+ </li>
1527
+
1528
+ <li class="dib">
1529
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-up"></span>
1530
+ <div class="name">
1531
+ 升
1532
+ </div>
1533
+ <div class="code-name">.micgrid-icon-mic-arrow-up
1534
+ </div>
1535
+ </li>
1536
+
1537
+ <li class="dib">
1538
+ <span class="icon micgridIconfont micgrid-icon-mic-download"></span>
1539
+ <div class="name">
1540
+ 下载
1541
+ </div>
1542
+ <div class="code-name">.micgrid-icon-mic-download
1543
+ </div>
1544
+ </li>
1545
+
1546
+ <li class="dib">
1547
+ <span class="icon micgridIconfont micgrid-icon-mic-import"></span>
1548
+ <div class="name">
1549
+ 上传
1550
+ </div>
1551
+ <div class="code-name">.micgrid-icon-mic-import
1552
+ </div>
1553
+ </li>
1554
+
1555
+ <li class="dib">
1556
+ <span class="icon micgridIconfont micgrid-icon-mic-export-icon"></span>
1557
+ <div class="name">
1558
+ 导入
1559
+ </div>
1560
+ <div class="code-name">.micgrid-icon-mic-export-icon
1561
+ </div>
1562
+ </li>
1563
+
1564
+ <li class="dib">
1565
+ <span class="icon micgridIconfont micgrid-icon-mic-import-icon"></span>
1566
+ <div class="name">
1567
+ 导出
1568
+ </div>
1569
+ <div class="code-name">.micgrid-icon-mic-import-icon
1570
+ </div>
1571
+ </li>
1572
+
1573
+ <li class="dib">
1574
+ <span class="icon micgridIconfont micgrid-icon-mic-comparison-down"></span>
1575
+ <div class="name">
1576
+ 下降
1577
+ </div>
1578
+ <div class="code-name">.micgrid-icon-mic-comparison-down
1579
+ </div>
1580
+ </li>
1581
+
1582
+ <li class="dib">
1583
+ <span class="icon micgridIconfont micgrid-icon-mic-comparison-up"></span>
1584
+ <div class="name">
1585
+ 上升
1586
+ </div>
1587
+ <div class="code-name">.micgrid-icon-mic-comparison-up
1588
+ </div>
1589
+ </li>
1590
+
1591
+ <li class="dib">
1592
+ <span class="icon micgridIconfont micgrid-icon-mic-fee-strategy"></span>
1593
+ <div class="name">
1594
+ 计费策略
1595
+ </div>
1596
+ <div class="code-name">.micgrid-icon-mic-fee-strategy
1597
+ </div>
1598
+ </li>
1599
+
1600
+ <li class="dib">
1601
+ <span class="icon micgridIconfont micgrid-icon-mic-ele-fee-fill"></span>
1602
+ <div class="name">
1603
+ 电费-fill
1604
+ </div>
1605
+ <div class="code-name">.micgrid-icon-mic-ele-fee-fill
1606
+ </div>
1607
+ </li>
1608
+
1609
+ <li class="dib">
1610
+ <span class="icon micgridIconfont micgrid-icon-mic-fee-cycle"></span>
1611
+ <div class="name">
1612
+ 电费策略
1613
+ </div>
1614
+ <div class="code-name">.micgrid-icon-mic-fee-cycle
1615
+ </div>
1616
+ </li>
1617
+
1618
+ <li class="dib">
1619
+ <span class="icon micgridIconfont micgrid-icon-mic-fee-line"></span>
1620
+ <div class="name">
1621
+ 计费用量
1622
+ </div>
1623
+ <div class="code-name">.micgrid-icon-mic-fee-line
1624
+ </div>
1625
+ </li>
1626
+
1627
+ <li class="dib">
1628
+ <span class="icon micgridIconfont micgrid-icon-mic-peaks-valleys"></span>
1629
+ <div class="name">
1630
+ 峰谷
1631
+ </div>
1632
+ <div class="code-name">.micgrid-icon-mic-peaks-valleys
1633
+ </div>
1634
+ </li>
1635
+
1636
+ <li class="dib">
1637
+ <span class="icon micgridIconfont micgrid-icon-mic-fee"></span>
1638
+ <div class="name">
1639
+ 费用
1640
+ </div>
1641
+ <div class="code-name">.micgrid-icon-mic-fee
1642
+ </div>
1643
+ </li>
1644
+
1645
+ <li class="dib">
1646
+ <span class="icon micgridIconfont micgrid-icon-mic-capacity-full"></span>
1647
+ <div class="name">
1648
+ 容量
1649
+ </div>
1650
+ <div class="code-name">.micgrid-icon-mic-capacity-full
1651
+ </div>
1652
+ </li>
1653
+
1654
+ <li class="dib">
1655
+ <span class="icon micgridIconfont micgrid-icon-mic-contract"></span>
1656
+ <div class="name">
1657
+ 合同
1658
+ </div>
1659
+ <div class="code-name">.micgrid-icon-mic-contract
1660
+ </div>
1661
+ </li>
1662
+
1663
+ <li class="dib">
1664
+ <span class="icon micgridIconfont micgrid-icon-mic-ele-demand"></span>
1665
+ <div class="name">
1666
+ 需量
1667
+ </div>
1668
+ <div class="code-name">.micgrid-icon-mic-ele-demand
1669
+ </div>
1670
+ </li>
1671
+
1672
+ <li class="dib">
1673
+ <span class="icon micgridIconfont micgrid-icon-mic-ele-fee"></span>
1674
+ <div class="name">
1675
+ 电费
1676
+ </div>
1677
+ <div class="code-name">.micgrid-icon-mic-ele-fee
1678
+ </div>
1679
+ </li>
1680
+
1681
+ <li class="dib">
1682
+ <span class="icon micgridIconfont micgrid-icon-mic-online-charge"></span>
1683
+ <div class="name">
1684
+ 上网电量
1685
+ </div>
1686
+ <div class="code-name">.micgrid-icon-mic-online-charge
1687
+ </div>
1688
+ </li>
1689
+
1690
+ <li class="dib">
1691
+ <span class="icon micgridIconfont micgrid-icon-mic-avg-disposal"></span>
1692
+ <div class="name">
1693
+ 平均消纳率
1694
+ </div>
1695
+ <div class="code-name">.micgrid-icon-mic-avg-disposal
1696
+ </div>
1697
+ </li>
1698
+
1699
+ <li class="dib">
1700
+ <span class="icon micgridIconfont micgrid-icon-mic-charging-num"></span>
1701
+ <div class="name">
1702
+ 发电量
1703
+ </div>
1704
+ <div class="code-name">.micgrid-icon-mic-charging-num
1705
+ </div>
1706
+ </li>
1707
+
1708
+ <li class="dib">
1709
+ <span class="icon micgridIconfont micgrid-icon-mic-time-out"></span>
1710
+ <div class="name">
1711
+ 工单即将超时
1712
+ </div>
1713
+ <div class="code-name">.micgrid-icon-mic-time-out
1714
+ </div>
1715
+ </li>
1716
+
1717
+ <li class="dib">
1718
+ <span class="icon micgridIconfont micgrid-icon-mic-work-dealing"></span>
1719
+ <div class="name">
1720
+ 工单处理中
1721
+ </div>
1722
+ <div class="code-name">.micgrid-icon-mic-work-dealing
1723
+ </div>
1724
+ </li>
1725
+
1726
+ <li class="dib">
1727
+ <span class="icon micgridIconfont micgrid-icon-mic-work-undeal"></span>
1728
+ <div class="name">
1729
+ 工单待处理
1730
+ </div>
1731
+ <div class="code-name">.micgrid-icon-mic-work-undeal
1732
+ </div>
1733
+ </li>
1734
+
1735
+ <li class="dib">
1736
+ <span class="icon micgridIconfont micgrid-icon-mic-done"></span>
1737
+ <div class="name">
1738
+ 已完成工单
1739
+ </div>
1740
+ <div class="code-name">.micgrid-icon-mic-done
1741
+ </div>
1742
+ </li>
1743
+
1744
+ <li class="dib">
1745
+ <span class="icon micgridIconfont micgrid-icon-mic-tobe"></span>
1746
+ <div class="name">
1747
+ 待办工单
1748
+ </div>
1749
+ <div class="code-name">.micgrid-icon-mic-tobe
1750
+ </div>
1751
+ </li>
1752
+
1753
+ <li class="dib">
1754
+ <span class="icon micgridIconfont micgrid-icon-mic-work"></span>
1755
+ <div class="name">
1756
+ 工单
1757
+ </div>
1758
+ <div class="code-name">.micgrid-icon-mic-work
1759
+ </div>
1760
+ </li>
1761
+
1762
+ <li class="dib">
1763
+ <span class="icon micgridIconfont micgrid-icon-mic-PCS"></span>
1764
+ <div class="name">
1765
+ 设备-PCS
1766
+ </div>
1767
+ <div class="code-name">.micgrid-icon-mic-PCS
1768
+ </div>
1769
+ </li>
1770
+
1771
+ <li class="dib">
1772
+ <span class="icon micgridIconfont micgrid-icon-mic-inverter"></span>
1773
+ <div class="name">
1774
+ 设备-逆变器
1775
+ </div>
1776
+ <div class="code-name">.micgrid-icon-mic-inverter
1777
+ </div>
1778
+ </li>
1779
+
1780
+ <li class="dib">
1781
+ <span class="icon micgridIconfont micgrid-icon-mic-site-normal"></span>
1782
+ <div class="name">
1783
+ 站点-正常
1784
+ </div>
1785
+ <div class="code-name">.micgrid-icon-mic-site-normal
1786
+ </div>
1787
+ </li>
1788
+
1789
+ <li class="dib">
1790
+ <span class="icon micgridIconfont micgrid-icon-mic-transformer"></span>
1791
+ <div class="name">
1792
+ 设备-变压器
1793
+ </div>
1794
+ <div class="code-name">.micgrid-icon-mic-transformer
1795
+ </div>
1796
+ </li>
1797
+
1798
+ <li class="dib">
1799
+ <span class="icon micgridIconfont micgrid-icon-mic-save-coal"></span>
1800
+ <div class="name">
1801
+ 节约煤
1802
+ </div>
1803
+ <div class="code-name">.micgrid-icon-mic-save-coal
1804
+ </div>
1805
+ </li>
1806
+
1807
+ <li class="dib">
1808
+ <span class="icon micgridIconfont micgrid-icon-mic-loop-count"></span>
1809
+ <div class="name">
1810
+ 循环次数
1811
+ </div>
1812
+ <div class="code-name">.micgrid-icon-mic-loop-count
1813
+ </div>
1814
+ </li>
1815
+
1816
+ <li class="dib">
1817
+ <span class="icon micgridIconfont micgrid-icon-mic-tree-planting"></span>
1818
+ <div class="name">
1819
+ 等效植树
1820
+ </div>
1821
+ <div class="code-name">.micgrid-icon-mic-tree-planting
1822
+ </div>
1823
+ </li>
1824
+
1825
+ <li class="dib">
1826
+ <span class="icon micgridIconfont micgrid-icon-mic-self-generated"></span>
1827
+ <div class="name">
1828
+ 自发自用电量
1829
+ </div>
1830
+ <div class="code-name">.micgrid-icon-mic-self-generated
1831
+ </div>
1832
+ </li>
1833
+
1834
+ <li class="dib">
1835
+ <span class="icon micgridIconfont micgrid-icon-mic-y-y"></span>
1836
+ <div class="name">
1837
+ 同比
1838
+ </div>
1839
+ <div class="code-name">.micgrid-icon-mic-y-y
1840
+ </div>
1841
+ </li>
1842
+
1843
+ <li class="dib">
1844
+ <span class="icon micgridIconfont micgrid-icon-mic-charging-date"></span>
1845
+ <div class="name">
1846
+ 当日发电量
1847
+ </div>
1848
+ <div class="code-name">.micgrid-icon-mic-charging-date
1849
+ </div>
1850
+ </li>
1851
+
1852
+ <li class="dib">
1853
+ <span class="icon micgridIconfont micgrid-icon-mic-battery-mode"></span>
1854
+ <div class="name">
1855
+ 设备-电池堆
1856
+ </div>
1857
+ <div class="code-name">.micgrid-icon-mic-battery-mode
1858
+ </div>
1859
+ </li>
1860
+
1861
+ <li class="dib">
1862
+ <span class="icon micgridIconfont micgrid-icon-mic-site-inefficient"></span>
1863
+ <div class="name">
1864
+ 低效站点
1865
+ </div>
1866
+ <div class="code-name">.micgrid-icon-mic-site-inefficient
1867
+ </div>
1868
+ </li>
1869
+
1870
+ <li class="dib">
1871
+ <span class="icon micgridIconfont micgrid-icon-mic-site-alarm"></span>
1872
+ <div class="name">
1873
+ 站点-异常
1874
+ </div>
1875
+ <div class="code-name">.micgrid-icon-mic-site-alarm
1876
+ </div>
1877
+ </li>
1878
+
1879
+ <li class="dib">
1880
+ <span class="icon micgridIconfont micgrid-icon-mic-m-m"></span>
1881
+ <div class="name">
1882
+ 环比
1883
+ </div>
1884
+ <div class="code-name">.micgrid-icon-mic-m-m
1885
+ </div>
1886
+ </li>
1887
+
1888
+ <li class="dib">
1889
+ <span class="icon micgridIconfont micgrid-icon-mic-search"></span>
1890
+ <div class="name">
1891
+ 查询
1892
+ </div>
1893
+ <div class="code-name">.micgrid-icon-mic-search
1894
+ </div>
1895
+ </li>
1896
+
1897
+ <li class="dib">
1898
+ <span class="icon micgridIconfont micgrid-icon-mic-reset"></span>
1899
+ <div class="name">
1900
+ 重置
1901
+ </div>
1902
+ <div class="code-name">.micgrid-icon-mic-reset
1903
+ </div>
1904
+ </li>
1905
+
1906
+ <li class="dib">
1907
+ <span class="icon micgridIconfont micgrid-icon-mic-PR"></span>
1908
+ <div class="name">
1909
+ PR值
1910
+ </div>
1911
+ <div class="code-name">.micgrid-icon-mic-PR
1912
+ </div>
1913
+ </li>
1914
+
1915
+ <li class="dib">
1916
+ <span class="icon micgridIconfont micgrid-icon-mic-rated-capacity"></span>
1917
+ <div class="name">
1918
+ 额定容量
1919
+ </div>
1920
+ <div class="code-name">.micgrid-icon-mic-rated-capacity
1921
+ </div>
1922
+ </li>
1923
+
1924
+ <li class="dib">
1925
+ <span class="icon micgridIconfont micgrid-icon-mic-available-hours"></span>
1926
+ <div class="name">
1927
+ 可用小时数
1928
+ </div>
1929
+ <div class="code-name">.micgrid-icon-mic-available-hours
1930
+ </div>
1931
+ </li>
1932
+
1933
+ <li class="dib">
1934
+ <span class="icon micgridIconfont micgrid-icon-mic-grid-voltage"></span>
1935
+ <div class="name">
1936
+ 并网电压
1937
+ </div>
1938
+ <div class="code-name">.micgrid-icon-mic-grid-voltage
1939
+ </div>
1940
+ </li>
1941
+
1942
+ <li class="dib">
1943
+ <span class="icon micgridIconfont micgrid-icon-mic-actibe-power"></span>
1944
+ <div class="name">
1945
+ 有功功率
1946
+ </div>
1947
+ <div class="code-name">.micgrid-icon-mic-actibe-power
1948
+ </div>
1949
+ </li>
1950
+
1951
+ <li class="dib">
1952
+ <span class="icon micgridIconfont micgrid-icon-mic-a-up"></span>
1953
+ <div class="name">
1954
+ 箭头-上
1955
+ </div>
1956
+ <div class="code-name">.micgrid-icon-mic-a-up
1957
+ </div>
1958
+ </li>
1959
+
1960
+ <li class="dib">
1961
+ <span class="icon micgridIconfont micgrid-icon-mic-alarm-full"></span>
1962
+ <div class="name">
1963
+ 告警
1964
+ </div>
1965
+ <div class="code-name">.micgrid-icon-mic-alarm-full
1966
+ </div>
1967
+ </li>
1968
+
1969
+ <li class="dib">
1970
+ <span class="icon micgridIconfont micgrid-icon-mic-a-left"></span>
1971
+ <div class="name">
1972
+ 箭头-左
1973
+ </div>
1974
+ <div class="code-name">.micgrid-icon-mic-a-left
1975
+ </div>
1976
+ </li>
1977
+
1978
+ <li class="dib">
1979
+ <span class="icon micgridIconfont micgrid-icon-mic-close-icon"></span>
1980
+ <div class="name">
1981
+ 关闭
1982
+ </div>
1983
+ <div class="code-name">.micgrid-icon-mic-close-icon
1984
+ </div>
1985
+ </li>
1986
+
1987
+ <li class="dib">
1988
+ <span class="icon micgridIconfont micgrid-icon-mic-date-icon"></span>
1989
+ <div class="name">
1990
+ 日期选择
1991
+ </div>
1992
+ <div class="code-name">.micgrid-icon-mic-date-icon
1993
+ </div>
1994
+ </li>
1995
+
1996
+ <li class="dib">
1997
+ <span class="icon micgridIconfont micgrid-icon-mic-add"></span>
1998
+ <div class="name">
1999
+ 新增
2000
+ </div>
2001
+ <div class="code-name">.micgrid-icon-mic-add
2002
+ </div>
2003
+ </li>
2004
+
2005
+ <li class="dib">
2006
+ <span class="icon micgridIconfont micgrid-icon-mic-a-right"></span>
2007
+ <div class="name">
2008
+ 箭头-右
2009
+ </div>
2010
+ <div class="code-name">.micgrid-icon-mic-a-right
2011
+ </div>
2012
+ </li>
2013
+
2014
+ <li class="dib">
2015
+ <span class="icon micgridIconfont micgrid-icon-mic-a-down"></span>
2016
+ <div class="name">
2017
+ 箭头-下
2018
+ </div>
2019
+ <div class="code-name">.micgrid-icon-mic-a-down
2020
+ </div>
2021
+ </li>
2022
+
2023
+ <li class="dib">
2024
+ <span class="icon micgridIconfont micgrid-icon-mic-inverter1"></span>
2025
+ <div class="name">
2026
+ 逆变器
2027
+ </div>
2028
+ <div class="code-name">.micgrid-icon-mic-inverter1
2029
+ </div>
2030
+ </li>
2031
+
2032
+ <li class="dib">
2033
+ <span class="icon micgridIconfont micgrid-icon-mic-q"></span>
2034
+ <div class="name">
2035
+ 无功功率
2036
+ </div>
2037
+ <div class="code-name">.micgrid-icon-mic-q
2038
+ </div>
2039
+ </li>
2040
+
2041
+ <li class="dib">
2042
+ <span class="icon micgridIconfont micgrid-icon-mic-status-alarm"></span>
2043
+ <div class="name">
2044
+ 状态-异常
2045
+ </div>
2046
+ <div class="code-name">.micgrid-icon-mic-status-alarm
2047
+ </div>
2048
+ </li>
2049
+
2050
+ <li class="dib">
2051
+ <span class="icon micgridIconfont micgrid-icon-mic-status-done"></span>
2052
+ <div class="name">
2053
+ 状态-正常
2054
+ </div>
2055
+ <div class="code-name">.micgrid-icon-mic-status-done
2056
+ </div>
2057
+ </li>
2058
+
2059
+ <li class="dib">
2060
+ <span class="icon micgridIconfont micgrid-icon-mic-p-rect"></span>
2061
+ <div class="name">
2062
+ 额定功率
2063
+ </div>
2064
+ <div class="code-name">.micgrid-icon-mic-p-rect
2065
+ </div>
2066
+ </li>
2067
+
2068
+ <li class="dib">
2069
+ <span class="icon micgridIconfont micgrid-icon-mic-temperature"></span>
2070
+ <div class="name">
2071
+ 环境温度
2072
+ </div>
2073
+ <div class="code-name">.micgrid-icon-mic-temperature
2074
+ </div>
2075
+ </li>
2076
+
2077
+ <li class="dib">
2078
+ <span class="icon micgridIconfont micgrid-icon-mic-voltage-level-rect"></span>
2079
+ <div class="name">
2080
+ 电压等级
2081
+ </div>
2082
+ <div class="code-name">.micgrid-icon-mic-voltage-level-rect
2083
+ </div>
2084
+ </li>
2085
+
2086
+ <li class="dib">
2087
+ <span class="icon micgridIconfont micgrid-icon-mic-total-charge"></span>
2088
+ <div class="name">
2089
+ 累计充电量
2090
+ </div>
2091
+ <div class="code-name">.micgrid-icon-mic-total-charge
2092
+ </div>
2093
+ </li>
2094
+
2095
+ <li class="dib">
2096
+ <span class="icon micgridIconfont micgrid-icon-mic-today-discharge"></span>
2097
+ <div class="name">
2098
+ 今日放电量
2099
+ </div>
2100
+ <div class="code-name">.micgrid-icon-mic-today-discharge
2101
+ </div>
2102
+ </li>
2103
+
2104
+ <li class="dib">
2105
+ <span class="icon micgridIconfont micgrid-icon-mic-total-discharge"></span>
2106
+ <div class="name">
2107
+ 累计放电量
2108
+ </div>
2109
+ <div class="code-name">.micgrid-icon-mic-total-discharge
2110
+ </div>
2111
+ </li>
2112
+
2113
+ <li class="dib">
2114
+ <span class="icon micgridIconfont micgrid-icon-mic-today-charge"></span>
2115
+ <div class="name">
2116
+ 本日充电量
2117
+ </div>
2118
+ <div class="code-name">.micgrid-icon-mic-today-charge
2119
+ </div>
2120
+ </li>
2121
+
2122
+ <li class="dib">
2123
+ <span class="icon micgridIconfont micgrid-icon-mic-rated-capacity-rect"></span>
2124
+ <div class="name">
2125
+ 额定容量
2126
+ </div>
2127
+ <div class="code-name">.micgrid-icon-mic-rated-capacity-rect
2128
+ </div>
2129
+ </li>
2130
+
2131
+ <li class="dib">
2132
+ <span class="icon micgridIconfont micgrid-icon-mic-p-circle"></span>
2133
+ <div class="name">
2134
+ 当前总功率
2135
+ </div>
2136
+ <div class="code-name">.micgrid-icon-mic-p-circle
2137
+ </div>
2138
+ </li>
2139
+
2140
+ <li class="dib">
2141
+ <span class="icon micgridIconfont micgrid-icon-mic-temp2"></span>
2142
+ <div class="name">
2143
+ 温度
2144
+ </div>
2145
+ <div class="code-name">.micgrid-icon-mic-temp2
2146
+ </div>
2147
+ </li>
2148
+
2149
+ <li class="dib">
2150
+ <span class="icon micgridIconfont micgrid-icon-mic-air-conditioner"></span>
2151
+ <div class="name">
2152
+ 空调
2153
+ </div>
2154
+ <div class="code-name">.micgrid-icon-mic-air-conditioner
2155
+ </div>
2156
+ </li>
2157
+
2158
+ <li class="dib">
2159
+ <span class="icon micgridIconfont micgrid-icon-mic-fan-system"></span>
2160
+ <div class="name">
2161
+ 风机系统
2162
+ </div>
2163
+ <div class="code-name">.micgrid-icon-mic-fan-system
2164
+ </div>
2165
+ </li>
2166
+
2167
+ <li class="dib">
2168
+ <span class="icon micgridIconfont micgrid-icon-mic-load-all"></span>
2169
+ <div class="name">
2170
+ 全部负荷
2171
+ </div>
2172
+ <div class="code-name">.micgrid-icon-mic-load-all
2173
+ </div>
2174
+ </li>
2175
+
2176
+ <li class="dib">
2177
+ <span class="icon micgridIconfont micgrid-icon-mic-air-system"></span>
2178
+ <div class="name">
2179
+ 空调系统
2180
+ </div>
2181
+ <div class="code-name">.micgrid-icon-mic-air-system
2182
+ </div>
2183
+ </li>
2184
+
2185
+ <li class="dib">
2186
+ <span class="icon micgridIconfont micgrid-icon-mic-frequency"></span>
2187
+ <div class="name">
2188
+ 频率
2189
+ </div>
2190
+ <div class="code-name">.micgrid-icon-mic-frequency
2191
+ </div>
2192
+ </li>
2193
+
2194
+ <li class="dib">
2195
+ <span class="icon micgridIconfont micgrid-icon-mic-power-factor"></span>
2196
+ <div class="name">
2197
+ 功率因数
2198
+ </div>
2199
+ <div class="code-name">.micgrid-icon-mic-power-factor
2200
+ </div>
2201
+ </li>
2202
+
2203
+ <li class="dib">
2204
+ <span class="icon micgridIconfont micgrid-icon-mic-income-line"></span>
2205
+ <div class="name">
2206
+ 设备-进线柜
2207
+ </div>
2208
+ <div class="code-name">.micgrid-icon-mic-income-line
2209
+ </div>
2210
+ </li>
2211
+
2212
+ <li class="dib">
2213
+ <span class="icon micgridIconfont micgrid-icon-mic-feeder"></span>
2214
+ <div class="name">
2215
+ 设备-馈线柜
2216
+ </div>
2217
+ <div class="code-name">.micgrid-icon-mic-feeder
2218
+ </div>
2219
+ </li>
2220
+
2221
+ <li class="dib">
2222
+ <span class="icon micgridIconfont micgrid-icon-mic-total-current"></span>
2223
+ <div class="name">
2224
+ 总电流
2225
+ </div>
2226
+ <div class="code-name">.micgrid-icon-mic-total-current
2227
+ </div>
2228
+ </li>
2229
+
2230
+ <li class="dib">
2231
+ <span class="icon micgridIconfont micgrid-icon-mic-charge-icon3"></span>
2232
+ <div class="name">
2233
+ 可充电电量
2234
+ </div>
2235
+ <div class="code-name">.micgrid-icon-mic-charge-icon3
2236
+ </div>
2237
+ </li>
2238
+
2239
+ <li class="dib">
2240
+ <span class="icon micgridIconfont micgrid-icon-mic-total-voltage"></span>
2241
+ <div class="name">
2242
+ 总电压
2243
+ </div>
2244
+ <div class="code-name">.micgrid-icon-mic-total-voltage
2245
+ </div>
2246
+ </li>
2247
+
2248
+ <li class="dib">
2249
+ <span class="icon micgridIconfont micgrid-icon-mic-charge-icon2"></span>
2250
+ <div class="name">
2251
+ 可放电电量
2252
+ </div>
2253
+ <div class="code-name">.micgrid-icon-mic-charge-icon2
2254
+ </div>
2255
+ </li>
2256
+
2257
+ <li class="dib">
2258
+ <span class="icon micgridIconfont micgrid-icon-mic-current"></span>
2259
+ <div class="name">
2260
+ 电流
2261
+ </div>
2262
+ <div class="code-name">.micgrid-icon-mic-current
2263
+ </div>
2264
+ </li>
2265
+
2266
+ <li class="dib">
2267
+ <span class="icon micgridIconfont micgrid-icon-mic-ambient-humidity"></span>
2268
+ <div class="name">
2269
+ 环境湿度
2270
+ </div>
2271
+ <div class="code-name">.micgrid-icon-mic-ambient-humidity
2272
+ </div>
2273
+ </li>
2274
+
2275
+ <li class="dib">
2276
+ <span class="icon micgridIconfont micgrid-icon-mic-charge-icon"></span>
2277
+ <div class="name">
2278
+ 可充放电量
2279
+ </div>
2280
+ <div class="code-name">.micgrid-icon-mic-charge-icon
2281
+ </div>
2282
+ </li>
2283
+
2284
+ <li class="dib">
2285
+ <span class="icon micgridIconfont micgrid-icon-mic-fen"></span>
2286
+ <div class="name">
2287
+ 风机
2288
+ </div>
2289
+ <div class="code-name">.micgrid-icon-mic-fen
2290
+ </div>
2291
+ </li>
2292
+
2293
+ <li class="dib">
2294
+ <span class="icon micgridIconfont micgrid-icon-mic-message-icon"></span>
2295
+ <div class="name">
2296
+ 消息
2297
+ </div>
2298
+ <div class="code-name">.micgrid-icon-mic-message-icon
2299
+ </div>
2300
+ </li>
2301
+
2302
+ <li class="dib">
2303
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-right"></span>
2304
+ <div class="name">
2305
+ 菜单展开
2306
+ </div>
2307
+ <div class="code-name">.micgrid-icon-mic-menu-right
2308
+ </div>
2309
+ </li>
2310
+
2311
+ <li class="dib">
2312
+ <span class="icon micgridIconfont micgrid-icon-mic-sound-off"></span>
2313
+ <div class="name">
2314
+ 声音控制-关闭
2315
+ </div>
2316
+ <div class="code-name">.micgrid-icon-mic-sound-off
2317
+ </div>
2318
+ </li>
2319
+
2320
+ <li class="dib">
2321
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-left"></span>
2322
+ <div class="name">
2323
+ 菜单收起
2324
+ </div>
2325
+ <div class="code-name">.micgrid-icon-mic-menu-left
2326
+ </div>
2327
+ </li>
2328
+
2329
+ <li class="dib">
2330
+ <span class="icon micgridIconfont micgrid-icon-mic-sound-on"></span>
2331
+ <div class="name">
2332
+ 声音控制-开启
2333
+ </div>
2334
+ <div class="code-name">.micgrid-icon-mic-sound-on
2335
+ </div>
2336
+ </li>
2337
+
2338
+ <li class="dib">
2339
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-operation"></span>
2340
+ <div class="name">
2341
+ 导航-运营管理
2342
+ </div>
2343
+ <div class="code-name">.micgrid-icon-mic-menu-operation
2344
+ </div>
2345
+ </li>
2346
+
2347
+ <li class="dib">
2348
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-run"></span>
2349
+ <div class="name">
2350
+ 导航-运行监控
2351
+ </div>
2352
+ <div class="code-name">.micgrid-icon-mic-menu-run
2353
+ </div>
2354
+ </li>
2355
+
2356
+ <li class="dib">
2357
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-site"></span>
2358
+ <div class="name">
2359
+ 导航-站点概览
2360
+ </div>
2361
+ <div class="code-name">.micgrid-icon-mic-menu-site
2362
+ </div>
2363
+ </li>
2364
+
2365
+ <li class="dib">
2366
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-event"></span>
2367
+ <div class="name">
2368
+ 导航-事件中心
2369
+ </div>
2370
+ <div class="code-name">.micgrid-icon-mic-menu-event
2371
+ </div>
2372
+ </li>
2373
+
2374
+ <li class="dib">
2375
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-maintenance"></span>
2376
+ <div class="name">
2377
+ 导航-运维管理
2378
+ </div>
2379
+ <div class="code-name">.micgrid-icon-mic-menu-maintenance
2380
+ </div>
2381
+ </li>
2382
+
2383
+ <li class="dib">
2384
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-home"></span>
2385
+ <div class="name">
2386
+ 导航-全景视图
2387
+ </div>
2388
+ <div class="code-name">.micgrid-icon-mic-menu-home
2389
+ </div>
2390
+ </li>
2391
+
2392
+ <li class="dib">
2393
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-model"></span>
2394
+ <div class="name">
2395
+ 导航-模型管理
2396
+ </div>
2397
+ <div class="code-name">.micgrid-icon-mic-menu-model
2398
+ </div>
2399
+ </li>
2400
+
2401
+ <li class="dib">
2402
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-diagnose"></span>
2403
+ <div class="name">
2404
+ 导航-诊断分析
2405
+ </div>
2406
+ <div class="code-name">.micgrid-icon-mic-menu-diagnose
2407
+ </div>
2408
+ </li>
2409
+
2410
+ <li class="dib">
2411
+ <span class="icon micgridIconfont micgrid-icon-mic-menu-device"></span>
2412
+ <div class="name">
2413
+ 导航-设备管理
2414
+ </div>
2415
+ <div class="code-name">.micgrid-icon-mic-menu-device
2416
+ </div>
2417
+ </li>
2418
+
2419
+ <li class="dib">
2420
+ <span class="icon micgridIconfont micgrid-icon-mic-so2"></span>
2421
+ <div class="name">
2422
+ SO₂
2423
+ </div>
2424
+ <div class="code-name">.micgrid-icon-mic-so2
2425
+ </div>
2426
+ </li>
2427
+
2428
+ <li class="dib">
2429
+ <span class="icon micgridIconfont micgrid-icon-mic-co2"></span>
2430
+ <div class="name">
2431
+ CO₂
2432
+ </div>
2433
+ <div class="code-name">.micgrid-icon-mic-co2
2434
+ </div>
2435
+ </li>
2436
+
2437
+ <li class="dib">
2438
+ <span class="icon micgridIconfont micgrid-icon-mic-tree"></span>
2439
+ <div class="name">
2440
+ tree
2441
+ </div>
2442
+ <div class="code-name">.micgrid-icon-mic-tree
2443
+ </div>
2444
+ </li>
2445
+
2446
+ <li class="dib">
2447
+ <span class="icon micgridIconfont micgrid-icon-mic-over-default"></span>
2448
+ <div class="name">
2449
+ 默认
2450
+ </div>
2451
+ <div class="code-name">.micgrid-icon-mic-over-default
2452
+ </div>
2453
+ </li>
2454
+
2455
+ <li class="dib">
2456
+ <span class="icon micgridIconfont micgrid-icon-mic-over-bg"></span>
2457
+ <div class="name">
2458
+ 图标外框
2459
+ </div>
2460
+ <div class="code-name">.micgrid-icon-mic-over-bg
2461
+ </div>
2462
+ </li>
2463
+
2464
+ <li class="dib">
2465
+ <span class="icon micgridIconfont micgrid-icon-mic-rainy-day"></span>
2466
+ <div class="name">
2467
+ rainy-day
2468
+ </div>
2469
+ <div class="code-name">.micgrid-icon-mic-rainy-day
2470
+ </div>
2471
+ </li>
2472
+
2473
+ <li class="dib">
2474
+ <span class="icon micgridIconfont micgrid-icon-mic-cloudy"></span>
2475
+ <div class="name">
2476
+ cloudy
2477
+ </div>
2478
+ <div class="code-name">.micgrid-icon-mic-cloudy
2479
+ </div>
2480
+ </li>
2481
+
2482
+ <li class="dib">
2483
+ <span class="icon micgridIconfont micgrid-icon-mic-electricity-costs"></span>
2484
+ <div class="name">
2485
+ 用电费用
2486
+ </div>
2487
+ <div class="code-name">.micgrid-icon-mic-electricity-costs
2488
+ </div>
2489
+ </li>
2490
+
2491
+ <li class="dib">
2492
+ <span class="icon micgridIconfont micgrid-icon-mic-electricity-consumption"></span>
2493
+ <div class="name">
2494
+ 用电量
2495
+ </div>
2496
+ <div class="code-name">.micgrid-icon-mic-electricity-consumption
2497
+ </div>
2498
+ </li>
2499
+
2500
+ <li class="dib">
2501
+ <span class="icon micgridIconfont micgrid-icon-mic-mains-electricity"></span>
2502
+ <div class="name">
2503
+ 市电电量
2504
+ </div>
2505
+ <div class="code-name">.micgrid-icon-mic-mains-electricity
2506
+ </div>
2507
+ </li>
2508
+
2509
+ <li class="dib">
2510
+ <span class="icon micgridIconfont micgrid-icon-mic-charging-pile-revenue"></span>
2511
+ <div class="name">
2512
+ 充电桩收益
2513
+ </div>
2514
+ <div class="code-name">.micgrid-icon-mic-charging-pile-revenue
2515
+ </div>
2516
+ </li>
2517
+
2518
+ <li class="dib">
2519
+ <span class="icon micgridIconfont micgrid-icon-mic-green-electricity-ratio"></span>
2520
+ <div class="name">
2521
+ 绿电比例
2522
+ </div>
2523
+ <div class="code-name">.micgrid-icon-mic-green-electricity-ratio
2524
+ </div>
2525
+ </li>
2526
+
2527
+ <li class="dib">
2528
+ <span class="icon micgridIconfont micgrid-icon-mic-energy-storage-benefits"></span>
2529
+ <div class="name">
2530
+ 储能收益
2531
+ </div>
2532
+ <div class="code-name">.micgrid-icon-mic-energy-storage-benefits
2533
+ </div>
2534
+ </li>
2535
+
2536
+ <li class="dib">
2537
+ <span class="icon micgridIconfont micgrid-icon-mic-power-generation"></span>
2538
+ <div class="name">
2539
+ 发电量
2540
+ </div>
2541
+ <div class="code-name">.micgrid-icon-mic-power-generation
2542
+ </div>
2543
+ </li>
2544
+
2545
+ <li class="dib">
2546
+ <span class="icon micgridIconfont micgrid-icon-mic-photovoltaic-revenue"></span>
2547
+ <div class="name">
2548
+ 光伏收益
2549
+ </div>
2550
+ <div class="code-name">.micgrid-icon-mic-photovoltaic-revenue
2551
+ </div>
2552
+ </li>
2553
+
2554
+ <li class="dib">
2555
+ <span class="icon micgridIconfont micgrid-icon-mic-alarm"></span>
2556
+ <div class="name">
2557
+ 告警
2558
+ </div>
2559
+ <div class="code-name">.micgrid-icon-mic-alarm
2560
+ </div>
2561
+ </li>
2562
+
2563
+ <li class="dib">
2564
+ <span class="icon micgridIconfont micgrid-icon-mic-power-out"></span>
2565
+ <div class="name">
2566
+ 非计划停电
2567
+ </div>
2568
+ <div class="code-name">.micgrid-icon-mic-power-out
2569
+ </div>
2570
+ </li>
2571
+
2572
+ <li class="dib">
2573
+ <span class="icon micgridIconfont micgrid-icon-mic-voltage-rate"></span>
2574
+ <div class="name">
2575
+ 电压合格率
2576
+ </div>
2577
+ <div class="code-name">.micgrid-icon-mic-voltage-rate
2578
+ </div>
2579
+ </li>
2580
+
2581
+ <li class="dib">
2582
+ <span class="icon micgridIconfont micgrid-icon-mic-lightning"></span>
2583
+ <div class="name">
2584
+ 电力
2585
+ </div>
2586
+ <div class="code-name">.micgrid-icon-mic-lightning
2587
+ </div>
2588
+ </li>
2589
+
2590
+ <li class="dib">
2591
+ <span class="icon micgridIconfont micgrid-icon-mic-storage-capacity"></span>
2592
+ <div class="name">
2593
+ 储能装机容量
2594
+ </div>
2595
+ <div class="code-name">.micgrid-icon-mic-storage-capacity
2596
+ </div>
2597
+ </li>
2598
+
2599
+ <li class="dib">
2600
+ <span class="icon micgridIconfont micgrid-icon-mic-power-pile"></span>
2601
+ <div class="name">
2602
+ 充电桩总功率
2603
+ </div>
2604
+ <div class="code-name">.micgrid-icon-mic-power-pile
2605
+ </div>
2606
+ </li>
2607
+
2608
+ <li class="dib">
2609
+ <span class="icon micgridIconfont micgrid-icon-mic-voltage-level"></span>
2610
+ <div class="name">
2611
+ 并网电压等级
2612
+ </div>
2613
+ <div class="code-name">.micgrid-icon-mic-voltage-level
2614
+ </div>
2615
+ </li>
2616
+
2617
+ <li class="dib">
2618
+ <span class="icon micgridIconfont micgrid-icon-mic-transformer-capacity"></span>
2619
+ <div class="name">
2620
+ 变压器容量
2621
+ </div>
2622
+ <div class="code-name">.micgrid-icon-mic-transformer-capacity
2623
+ </div>
2624
+ </li>
2625
+
2626
+ <li class="dib">
2627
+ <span class="icon micgridIconfont micgrid-icon-mic-sun"></span>
2628
+ <div class="name">
2629
+ 晴
2630
+ </div>
2631
+ <div class="code-name">.micgrid-icon-mic-sun
2632
+ </div>
2633
+ </li>
2634
+
2635
+ <li class="dib">
2636
+ <span class="icon micgridIconfont micgrid-icon-mic-diamond"></span>
2637
+ <div class="name">
2638
+ 菱形
2639
+ </div>
2640
+ <div class="code-name">.micgrid-icon-mic-diamond
2641
+ </div>
2642
+ </li>
2643
+
2644
+ <li class="dib">
2645
+ <span class="icon micgridIconfont micgrid-icon-mic-total-income"></span>
2646
+ <div class="name">
2647
+ 累计总收益
2648
+ </div>
2649
+ <div class="code-name">.micgrid-icon-mic-total-income
2650
+ </div>
2651
+ </li>
2652
+
2653
+ <li class="dib">
2654
+ <span class="icon micgridIconfont micgrid-icon-mic-desktop"></span>
2655
+ <div class="name">
2656
+ 进入系统
2657
+ </div>
2658
+ <div class="code-name">.micgrid-icon-mic-desktop
2659
+ </div>
2660
+ </li>
2661
+
2662
+ <li class="dib">
2663
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-left"></span>
2664
+ <div class="name">
2665
+ 箭头-左
2666
+ </div>
2667
+ <div class="code-name">.micgrid-icon-mic-arrow-left
2668
+ </div>
2669
+ </li>
2670
+
2671
+ <li class="dib">
2672
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-right"></span>
2673
+ <div class="name">
2674
+ 箭头-右
2675
+ </div>
2676
+ <div class="code-name">.micgrid-icon-mic-arrow-right
2677
+ </div>
2678
+ </li>
2679
+
2680
+ <li class="dib">
2681
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-bottom"></span>
2682
+ <div class="name">
2683
+ 箭头-下
2684
+ </div>
2685
+ <div class="code-name">.micgrid-icon-mic-arrow-bottom
2686
+ </div>
2687
+ </li>
2688
+
2689
+ <li class="dib">
2690
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-top"></span>
2691
+ <div class="name">
2692
+ 箭头-上
2693
+ </div>
2694
+ <div class="code-name">.micgrid-icon-mic-arrow-top
2695
+ </div>
2696
+ </li>
2697
+
2698
+ <li class="dib">
2699
+ <span class="icon micgridIconfont micgrid-icon-mic-installed-power"></span>
2700
+ <div class="name">
2701
+ 光伏装机功率
2702
+ </div>
2703
+ <div class="code-name">.micgrid-icon-mic-installed-power
2704
+ </div>
2705
+ </li>
2706
+
2707
+ <li class="dib">
2708
+ <span class="icon micgridIconfont micgrid-icon-mic-supply-reliability"></span>
2709
+ <div class="name">
2710
+ 供电可靠率
2711
+ </div>
2712
+ <div class="code-name">.micgrid-icon-mic-supply-reliability
2713
+ </div>
2714
+ </li>
2715
+
2716
+ <li class="dib">
2717
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-right-full"></span>
2718
+ <div class="name">
2719
+ 三角箭头-右
2720
+ </div>
2721
+ <div class="code-name">.micgrid-icon-mic-arrow-right-full
2722
+ </div>
2723
+ </li>
2724
+
2725
+ <li class="dib">
2726
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-bottom-full"></span>
2727
+ <div class="name">
2728
+ 三角箭头-下
2729
+ </div>
2730
+ <div class="code-name">.micgrid-icon-mic-arrow-bottom-full
2731
+ </div>
2732
+ </li>
2733
+
2734
+ <li class="dib">
2735
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-top-full"></span>
2736
+ <div class="name">
2737
+ 三角箭头-上
2738
+ </div>
2739
+ <div class="code-name">.micgrid-icon-mic-arrow-top-full
2740
+ </div>
2741
+ </li>
2742
+
2743
+ <li class="dib">
2744
+ <span class="icon micgridIconfont micgrid-icon-mic-temp"></span>
2745
+ <div class="name">
2746
+ 温度
2747
+ </div>
2748
+ <div class="code-name">.micgrid-icon-mic-temp
2749
+ </div>
2750
+ </li>
2751
+
2752
+ <li class="dib">
2753
+ <span class="icon micgridIconfont micgrid-icon-mic-logout"></span>
2754
+ <div class="name">
2755
+ 退出
2756
+ </div>
2757
+ <div class="code-name">.micgrid-icon-mic-logout
2758
+ </div>
2759
+ </li>
2760
+
2761
+ <li class="dib">
2762
+ <span class="icon micgridIconfont micgrid-icon-mic-time"></span>
2763
+ <div class="name">
2764
+ 投运时间
2765
+ </div>
2766
+ <div class="code-name">.micgrid-icon-mic-time
2767
+ </div>
2768
+ </li>
2769
+
2770
+ <li class="dib">
2771
+ <span class="icon micgridIconfont micgrid-icon-mic-humidity"></span>
2772
+ <div class="name">
2773
+ 湿度
2774
+ </div>
2775
+ <div class="code-name">.micgrid-icon-mic-humidity
2776
+ </div>
2777
+ </li>
2778
+
2779
+ <li class="dib">
2780
+ <span class="icon micgridIconfont micgrid-icon-mic-arrow-left-full"></span>
2781
+ <div class="name">
2782
+ 三角箭头-左
2783
+ </div>
2784
+ <div class="code-name">.micgrid-icon-mic-arrow-left-full
2785
+ </div>
2786
+ </li>
2787
+
2788
+ </ul>
2789
+ <div class="article markdown">
2790
+ <h2 id="font-class-">font-class 引用</h2>
2791
+ <hr>
2792
+
2793
+ <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
2794
+ <p>与 Unicode 使用方式相比，具有如下特点：</p>
2795
+ <ul>
2796
+ <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
2797
+ <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
2798
+ </ul>
2799
+ <p>使用步骤如下：</p>
2800
+ <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
2801
+ <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
2802
+ </code></pre>
2803
+ <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
2804
+ <pre><code class="language-html">&lt;span class="micgridIconfont micgrid-icon-xxx"&gt;&lt;/span&gt;
2805
+ </code></pre>
2806
+ <blockquote>
2807
+ <p>"
2808
+ micgridIconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
2809
+ </blockquote>
2810
+ </div>
2811
+ </div>
2812
+ <div class="content symbol">
2813
+ <ul class="icon_lists dib-box">
2814
+
2815
+ <li class="dib">
2816
+ <svg class="icon svg-icon" aria-hidden="true">
2817
+ <use xlink:href="#micgrid-icon-mic-question"></use>
2818
+ </svg>
2819
+ <div class="name">帮助</div>
2820
+ <div class="code-name">#micgrid-icon-mic-question</div>
2821
+ </li>
2822
+
2823
+ <li class="dib">
2824
+ <svg class="icon svg-icon" aria-hidden="true">
2825
+ <use xlink:href="#micgrid-icon-mic-close"></use>
2826
+ </svg>
2827
+ <div class="name">mic-close</div>
2828
+ <div class="code-name">#micgrid-icon-mic-close</div>
2829
+ </li>
2830
+
2831
+ <li class="dib">
2832
+ <svg class="icon svg-icon" aria-hidden="true">
2833
+ <use xlink:href="#micgrid-icon-mic-loadu-ele"></use>
2834
+ </svg>
2835
+ <div class="name">用电负荷</div>
2836
+ <div class="code-name">#micgrid-icon-mic-loadu-ele</div>
2837
+ </li>
2838
+
2839
+ <li class="dib">
2840
+ <svg class="icon svg-icon" aria-hidden="true">
2841
+ <use xlink:href="#micgrid-icon-mic-ele-net"></use>
2842
+ </svg>
2843
+ <div class="name">电网系统</div>
2844
+ <div class="code-name">#micgrid-icon-mic-ele-net</div>
2845
+ </li>
2846
+
2847
+ <li class="dib">
2848
+ <svg class="icon svg-icon" aria-hidden="true">
2849
+ <use xlink:href="#micgrid-icon-mic-battery"></use>
2850
+ </svg>
2851
+ <div class="name">储能状态</div>
2852
+ <div class="code-name">#micgrid-icon-mic-battery</div>
2853
+ </li>
2854
+
2855
+ <li class="dib">
2856
+ <svg class="icon svg-icon" aria-hidden="true">
2857
+ <use xlink:href="#micgrid-icon-mic-chgu"></use>
2858
+ </svg>
2859
+ <div class="name">充电桩</div>
2860
+ <div class="code-name">#micgrid-icon-mic-chgu</div>
2861
+ </li>
2862
+
2863
+ <li class="dib">
2864
+ <svg class="icon svg-icon" aria-hidden="true">
2865
+ <use xlink:href="#micgrid-icon-mic-pvu-ele"></use>
2866
+ </svg>
2867
+ <div class="name">光伏发电</div>
2868
+ <div class="code-name">#micgrid-icon-mic-pvu-ele</div>
2869
+ </li>
2870
+
2871
+ <li class="dib">
2872
+ <svg class="icon svg-icon" aria-hidden="true">
2873
+ <use xlink:href="#micgrid-icon-mic-se"></use>
2874
+ </svg>
2875
+ <div class="name">负荷标准误差</div>
2876
+ <div class="code-name">#micgrid-icon-mic-se</div>
2877
+ </li>
2878
+
2879
+ <li class="dib">
2880
+ <svg class="icon svg-icon" aria-hidden="true">
2881
+ <use xlink:href="#micgrid-icon-mic-percent1"></use>
2882
+ </svg>
2883
+ <div class="name">发电预测</div>
2884
+ <div class="code-name">#micgrid-icon-mic-percent1</div>
2885
+ </li>
2886
+
2887
+ <li class="dib">
2888
+ <svg class="icon svg-icon" aria-hidden="true">
2889
+ <use xlink:href="#micgrid-icon-mic-root-error2"></use>
2890
+ </svg>
2891
+ <div class="name">方根误差</div>
2892
+ <div class="code-name">#micgrid-icon-mic-root-error2</div>
2893
+ </li>
2894
+
2895
+ <li class="dib">
2896
+ <svg class="icon svg-icon" aria-hidden="true">
2897
+ <use xlink:href="#micgrid-icon-mic-root-error"></use>
2898
+ </svg>
2899
+ <div class="name">负荷方根误差</div>
2900
+ <div class="code-name">#micgrid-icon-mic-root-error</div>
2901
+ </li>
2902
+
2903
+ <li class="dib">
2904
+ <svg class="icon svg-icon" aria-hidden="true">
2905
+ <use xlink:href="#micgrid-icon-mic-se2"></use>
2906
+ </svg>
2907
+ <div class="name">标准误差</div>
2908
+ <div class="code-name">#micgrid-icon-mic-se2</div>
2909
+ </li>
2910
+
2911
+ <li class="dib">
2912
+ <svg class="icon svg-icon" aria-hidden="true">
2913
+ <use xlink:href="#micgrid-icon-mic-file"></use>
2914
+ </svg>
2915
+ <div class="name">文件</div>
2916
+ <div class="code-name">#micgrid-icon-mic-file</div>
2917
+ </li>
2918
+
2919
+ <li class="dib">
2920
+ <svg class="icon svg-icon" aria-hidden="true">
2921
+ <use xlink:href="#micgrid-icon-mic-calculate"></use>
2922
+ </svg>
2923
+ <div class="name">计算</div>
2924
+ <div class="code-name">#micgrid-icon-mic-calculate</div>
2925
+ </li>
2926
+
2927
+ <li class="dib">
2928
+ <svg class="icon svg-icon" aria-hidden="true">
2929
+ <use xlink:href="#micgrid-icon-mic-set-fill"></use>
2930
+ </svg>
2931
+ <div class="name">储能运维导航_系统管理</div>
2932
+ <div class="code-name">#micgrid-icon-mic-set-fill</div>
2933
+ </li>
2934
+
2935
+ <li class="dib">
2936
+ <svg class="icon svg-icon" aria-hidden="true">
2937
+ <use xlink:href="#micgrid-icon-mic-load"></use>
2938
+ </svg>
2939
+ <div class="name">负荷</div>
2940
+ <div class="code-name">#micgrid-icon-mic-load</div>
2941
+ </li>
2942
+
2943
+ <li class="dib">
2944
+ <svg class="icon svg-icon" aria-hidden="true">
2945
+ <use xlink:href="#micgrid-icon-mic-localtion"></use>
2946
+ </svg>
2947
+ <div class="name">位置</div>
2948
+ <div class="code-name">#micgrid-icon-mic-localtion</div>
2949
+ </li>
2950
+
2951
+ <li class="dib">
2952
+ <svg class="icon svg-icon" aria-hidden="true">
2953
+ <use xlink:href="#micgrid-icon-mic-line-chart"></use>
2954
+ </svg>
2955
+ <div class="name">曲线图</div>
2956
+ <div class="code-name">#micgrid-icon-mic-line-chart</div>
2957
+ </li>
2958
+
2959
+ <li class="dib">
2960
+ <svg class="icon svg-icon" aria-hidden="true">
2961
+ <use xlink:href="#micgrid-icon-mic-list"></use>
2962
+ </svg>
2963
+ <div class="name">列表</div>
2964
+ <div class="code-name">#micgrid-icon-mic-list</div>
2965
+ </li>
2966
+
2967
+ <li class="dib">
2968
+ <svg class="icon svg-icon" aria-hidden="true">
2969
+ <use xlink:href="#micgrid-icon-mic-list1"></use>
2970
+ </svg>
2971
+ <div class="name">列表-1</div>
2972
+ <div class="code-name">#micgrid-icon-mic-list1</div>
2973
+ </li>
2974
+
2975
+ <li class="dib">
2976
+ <svg class="icon svg-icon" aria-hidden="true">
2977
+ <use xlink:href="#micgrid-icon-mic-grid"></use>
2978
+ </svg>
2979
+ <div class="name">卡片列表</div>
2980
+ <div class="code-name">#micgrid-icon-mic-grid</div>
2981
+ </li>
2982
+
2983
+ <li class="dib">
2984
+ <svg class="icon svg-icon" aria-hidden="true">
2985
+ <use xlink:href="#micgrid-icon-mic-edit"></use>
2986
+ </svg>
2987
+ <div class="name">编辑</div>
2988
+ <div class="code-name">#micgrid-icon-mic-edit</div>
2989
+ </li>
2990
+
2991
+ <li class="dib">
2992
+ <svg class="icon svg-icon" aria-hidden="true">
2993
+ <use xlink:href="#micgrid-icon-mic-power"></use>
2994
+ </svg>
2995
+ <div class="name">气压</div>
2996
+ <div class="code-name">#micgrid-icon-mic-power</div>
2997
+ </li>
2998
+
2999
+ <li class="dib">
3000
+ <svg class="icon svg-icon" aria-hidden="true">
3001
+ <use xlink:href="#micgrid-icon-mic-humidity1"></use>
3002
+ </svg>
3003
+ <div class="name">湿度</div>
3004
+ <div class="code-name">#micgrid-icon-mic-humidity1</div>
3005
+ </li>
3006
+
3007
+ <li class="dib">
3008
+ <svg class="icon svg-icon" aria-hidden="true">
3009
+ <use xlink:href="#micgrid-icon-mic-temperature1"></use>
3010
+ </svg>
3011
+ <div class="name">温度</div>
3012
+ <div class="code-name">#micgrid-icon-mic-temperature1</div>
3013
+ </li>
3014
+
3015
+ <li class="dib">
3016
+ <svg class="icon svg-icon" aria-hidden="true">
3017
+ <use xlink:href="#micgrid-icon-mic-pvu-fill"></use>
3018
+ </svg>
3019
+ <div class="name">光伏</div>
3020
+ <div class="code-name">#micgrid-icon-mic-pvu-fill</div>
3021
+ </li>
3022
+
3023
+ <li class="dib">
3024
+ <svg class="icon svg-icon" aria-hidden="true">
3025
+ <use xlink:href="#micgrid-icon-mic-load1"></use>
3026
+ </svg>
3027
+ <div class="name">负荷</div>
3028
+ <div class="code-name">#micgrid-icon-mic-load1</div>
3029
+ </li>
3030
+
3031
+ <li class="dib">
3032
+ <svg class="icon svg-icon" aria-hidden="true">
3033
+ <use xlink:href="#micgrid-icon-mic-radiation"></use>
3034
+ </svg>
3035
+ <div class="name">辐射</div>
3036
+ <div class="code-name">#micgrid-icon-mic-radiation</div>
3037
+ </li>
3038
+
3039
+ <li class="dib">
3040
+ <svg class="icon svg-icon" aria-hidden="true">
3041
+ <use xlink:href="#micgrid-icon-mic-cloud"></use>
3042
+ </svg>
3043
+ <div class="name">云</div>
3044
+ <div class="code-name">#micgrid-icon-mic-cloud</div>
3045
+ </li>
3046
+
3047
+ <li class="dib">
3048
+ <svg class="icon svg-icon" aria-hidden="true">
3049
+ <use xlink:href="#micgrid-icon-mic-rain"></use>
3050
+ </svg>
3051
+ <div class="name">降水</div>
3052
+ <div class="code-name">#micgrid-icon-mic-rain</div>
3053
+ </li>
3054
+
3055
+ <li class="dib">
3056
+ <svg class="icon svg-icon" aria-hidden="true">
3057
+ <use xlink:href="#micgrid-icon-mic-dispersion"></use>
3058
+ </svg>
3059
+ <div class="name">站点离散率</div>
3060
+ <div class="code-name">#micgrid-icon-mic-dispersion</div>
3061
+ </li>
3062
+
3063
+ <li class="dib">
3064
+ <svg class="icon svg-icon" aria-hidden="true">
3065
+ <use xlink:href="#micgrid-icon-mic-help-fill"></use>
3066
+ </svg>
3067
+ <div class="name">帮助</div>
3068
+ <div class="code-name">#micgrid-icon-mic-help-fill</div>
3069
+ </li>
3070
+
3071
+ <li class="dib">
3072
+ <svg class="icon svg-icon" aria-hidden="true">
3073
+ <use xlink:href="#micgrid-icon-mic-info-fill"></use>
3074
+ </svg>
3075
+ <div class="name">注释</div>
3076
+ <div class="code-name">#micgrid-icon-mic-info-fill</div>
3077
+ </li>
3078
+
3079
+ <li class="dib">
3080
+ <svg class="icon svg-icon" aria-hidden="true">
3081
+ <use xlink:href="#micgrid-icon-mic-info"></use>
3082
+ </svg>
3083
+ <div class="name">注释-solid</div>
3084
+ <div class="code-name">#micgrid-icon-mic-info</div>
3085
+ </li>
3086
+
3087
+ <li class="dib">
3088
+ <svg class="icon svg-icon" aria-hidden="true">
3089
+ <use xlink:href="#micgrid-icon-mic-help"></use>
3090
+ </svg>
3091
+ <div class="name">帮助-solid</div>
3092
+ <div class="code-name">#micgrid-icon-mic-help</div>
3093
+ </li>
3094
+
3095
+ <li class="dib">
3096
+ <svg class="icon svg-icon" aria-hidden="true">
3097
+ <use xlink:href="#micgrid-icon-mic-update"></use>
3098
+ </svg>
3099
+ <div class="name">更新</div>
3100
+ <div class="code-name">#micgrid-icon-mic-update</div>
3101
+ </li>
3102
+
3103
+ <li class="dib">
3104
+ <svg class="icon svg-icon" aria-hidden="true">
3105
+ <use xlink:href="#micgrid-icon-mic-delete"></use>
3106
+ </svg>
3107
+ <div class="name">删除</div>
3108
+ <div class="code-name">#micgrid-icon-mic-delete</div>
3109
+ </li>
3110
+
3111
+ <li class="dib">
3112
+ <svg class="icon svg-icon" aria-hidden="true">
3113
+ <use xlink:href="#micgrid-icon-mic-range"></use>
3114
+ </svg>
3115
+ <div class="name">至</div>
3116
+ <div class="code-name">#micgrid-icon-mic-range</div>
3117
+ </li>
3118
+
3119
+ <li class="dib">
3120
+ <svg class="icon svg-icon" aria-hidden="true">
3121
+ <use xlink:href="#micgrid-icon-mic-arrow-down"></use>
3122
+ </svg>
3123
+ <div class="name">降</div>
3124
+ <div class="code-name">#micgrid-icon-mic-arrow-down</div>
3125
+ </li>
3126
+
3127
+ <li class="dib">
3128
+ <svg class="icon svg-icon" aria-hidden="true">
3129
+ <use xlink:href="#micgrid-icon-mic-arrow-up"></use>
3130
+ </svg>
3131
+ <div class="name">升</div>
3132
+ <div class="code-name">#micgrid-icon-mic-arrow-up</div>
3133
+ </li>
3134
+
3135
+ <li class="dib">
3136
+ <svg class="icon svg-icon" aria-hidden="true">
3137
+ <use xlink:href="#micgrid-icon-mic-download"></use>
3138
+ </svg>
3139
+ <div class="name">下载</div>
3140
+ <div class="code-name">#micgrid-icon-mic-download</div>
3141
+ </li>
3142
+
3143
+ <li class="dib">
3144
+ <svg class="icon svg-icon" aria-hidden="true">
3145
+ <use xlink:href="#micgrid-icon-mic-import"></use>
3146
+ </svg>
3147
+ <div class="name">上传</div>
3148
+ <div class="code-name">#micgrid-icon-mic-import</div>
3149
+ </li>
3150
+
3151
+ <li class="dib">
3152
+ <svg class="icon svg-icon" aria-hidden="true">
3153
+ <use xlink:href="#micgrid-icon-mic-export-icon"></use>
3154
+ </svg>
3155
+ <div class="name">导入</div>
3156
+ <div class="code-name">#micgrid-icon-mic-export-icon</div>
3157
+ </li>
3158
+
3159
+ <li class="dib">
3160
+ <svg class="icon svg-icon" aria-hidden="true">
3161
+ <use xlink:href="#micgrid-icon-mic-import-icon"></use>
3162
+ </svg>
3163
+ <div class="name">导出</div>
3164
+ <div class="code-name">#micgrid-icon-mic-import-icon</div>
3165
+ </li>
3166
+
3167
+ <li class="dib">
3168
+ <svg class="icon svg-icon" aria-hidden="true">
3169
+ <use xlink:href="#micgrid-icon-mic-comparison-down"></use>
3170
+ </svg>
3171
+ <div class="name">下降</div>
3172
+ <div class="code-name">#micgrid-icon-mic-comparison-down</div>
3173
+ </li>
3174
+
3175
+ <li class="dib">
3176
+ <svg class="icon svg-icon" aria-hidden="true">
3177
+ <use xlink:href="#micgrid-icon-mic-comparison-up"></use>
3178
+ </svg>
3179
+ <div class="name">上升</div>
3180
+ <div class="code-name">#micgrid-icon-mic-comparison-up</div>
3181
+ </li>
3182
+
3183
+ <li class="dib">
3184
+ <svg class="icon svg-icon" aria-hidden="true">
3185
+ <use xlink:href="#micgrid-icon-mic-fee-strategy"></use>
3186
+ </svg>
3187
+ <div class="name">计费策略</div>
3188
+ <div class="code-name">#micgrid-icon-mic-fee-strategy</div>
3189
+ </li>
3190
+
3191
+ <li class="dib">
3192
+ <svg class="icon svg-icon" aria-hidden="true">
3193
+ <use xlink:href="#micgrid-icon-mic-ele-fee-fill"></use>
3194
+ </svg>
3195
+ <div class="name">电费-fill</div>
3196
+ <div class="code-name">#micgrid-icon-mic-ele-fee-fill</div>
3197
+ </li>
3198
+
3199
+ <li class="dib">
3200
+ <svg class="icon svg-icon" aria-hidden="true">
3201
+ <use xlink:href="#micgrid-icon-mic-fee-cycle"></use>
3202
+ </svg>
3203
+ <div class="name">电费策略</div>
3204
+ <div class="code-name">#micgrid-icon-mic-fee-cycle</div>
3205
+ </li>
3206
+
3207
+ <li class="dib">
3208
+ <svg class="icon svg-icon" aria-hidden="true">
3209
+ <use xlink:href="#micgrid-icon-mic-fee-line"></use>
3210
+ </svg>
3211
+ <div class="name">计费用量</div>
3212
+ <div class="code-name">#micgrid-icon-mic-fee-line</div>
3213
+ </li>
3214
+
3215
+ <li class="dib">
3216
+ <svg class="icon svg-icon" aria-hidden="true">
3217
+ <use xlink:href="#micgrid-icon-mic-peaks-valleys"></use>
3218
+ </svg>
3219
+ <div class="name">峰谷</div>
3220
+ <div class="code-name">#micgrid-icon-mic-peaks-valleys</div>
3221
+ </li>
3222
+
3223
+ <li class="dib">
3224
+ <svg class="icon svg-icon" aria-hidden="true">
3225
+ <use xlink:href="#micgrid-icon-mic-fee"></use>
3226
+ </svg>
3227
+ <div class="name">费用</div>
3228
+ <div class="code-name">#micgrid-icon-mic-fee</div>
3229
+ </li>
3230
+
3231
+ <li class="dib">
3232
+ <svg class="icon svg-icon" aria-hidden="true">
3233
+ <use xlink:href="#micgrid-icon-mic-capacity-full"></use>
3234
+ </svg>
3235
+ <div class="name">容量</div>
3236
+ <div class="code-name">#micgrid-icon-mic-capacity-full</div>
3237
+ </li>
3238
+
3239
+ <li class="dib">
3240
+ <svg class="icon svg-icon" aria-hidden="true">
3241
+ <use xlink:href="#micgrid-icon-mic-contract"></use>
3242
+ </svg>
3243
+ <div class="name">合同</div>
3244
+ <div class="code-name">#micgrid-icon-mic-contract</div>
3245
+ </li>
3246
+
3247
+ <li class="dib">
3248
+ <svg class="icon svg-icon" aria-hidden="true">
3249
+ <use xlink:href="#micgrid-icon-mic-ele-demand"></use>
3250
+ </svg>
3251
+ <div class="name">需量</div>
3252
+ <div class="code-name">#micgrid-icon-mic-ele-demand</div>
3253
+ </li>
3254
+
3255
+ <li class="dib">
3256
+ <svg class="icon svg-icon" aria-hidden="true">
3257
+ <use xlink:href="#micgrid-icon-mic-ele-fee"></use>
3258
+ </svg>
3259
+ <div class="name">电费</div>
3260
+ <div class="code-name">#micgrid-icon-mic-ele-fee</div>
3261
+ </li>
3262
+
3263
+ <li class="dib">
3264
+ <svg class="icon svg-icon" aria-hidden="true">
3265
+ <use xlink:href="#micgrid-icon-mic-online-charge"></use>
3266
+ </svg>
3267
+ <div class="name">上网电量</div>
3268
+ <div class="code-name">#micgrid-icon-mic-online-charge</div>
3269
+ </li>
3270
+
3271
+ <li class="dib">
3272
+ <svg class="icon svg-icon" aria-hidden="true">
3273
+ <use xlink:href="#micgrid-icon-mic-avg-disposal"></use>
3274
+ </svg>
3275
+ <div class="name">平均消纳率</div>
3276
+ <div class="code-name">#micgrid-icon-mic-avg-disposal</div>
3277
+ </li>
3278
+
3279
+ <li class="dib">
3280
+ <svg class="icon svg-icon" aria-hidden="true">
3281
+ <use xlink:href="#micgrid-icon-mic-charging-num"></use>
3282
+ </svg>
3283
+ <div class="name">发电量</div>
3284
+ <div class="code-name">#micgrid-icon-mic-charging-num</div>
3285
+ </li>
3286
+
3287
+ <li class="dib">
3288
+ <svg class="icon svg-icon" aria-hidden="true">
3289
+ <use xlink:href="#micgrid-icon-mic-time-out"></use>
3290
+ </svg>
3291
+ <div class="name">工单即将超时</div>
3292
+ <div class="code-name">#micgrid-icon-mic-time-out</div>
3293
+ </li>
3294
+
3295
+ <li class="dib">
3296
+ <svg class="icon svg-icon" aria-hidden="true">
3297
+ <use xlink:href="#micgrid-icon-mic-work-dealing"></use>
3298
+ </svg>
3299
+ <div class="name">工单处理中</div>
3300
+ <div class="code-name">#micgrid-icon-mic-work-dealing</div>
3301
+ </li>
3302
+
3303
+ <li class="dib">
3304
+ <svg class="icon svg-icon" aria-hidden="true">
3305
+ <use xlink:href="#micgrid-icon-mic-work-undeal"></use>
3306
+ </svg>
3307
+ <div class="name">工单待处理</div>
3308
+ <div class="code-name">#micgrid-icon-mic-work-undeal</div>
3309
+ </li>
3310
+
3311
+ <li class="dib">
3312
+ <svg class="icon svg-icon" aria-hidden="true">
3313
+ <use xlink:href="#micgrid-icon-mic-done"></use>
3314
+ </svg>
3315
+ <div class="name">已完成工单</div>
3316
+ <div class="code-name">#micgrid-icon-mic-done</div>
3317
+ </li>
3318
+
3319
+ <li class="dib">
3320
+ <svg class="icon svg-icon" aria-hidden="true">
3321
+ <use xlink:href="#micgrid-icon-mic-tobe"></use>
3322
+ </svg>
3323
+ <div class="name">待办工单</div>
3324
+ <div class="code-name">#micgrid-icon-mic-tobe</div>
3325
+ </li>
3326
+
3327
+ <li class="dib">
3328
+ <svg class="icon svg-icon" aria-hidden="true">
3329
+ <use xlink:href="#micgrid-icon-mic-work"></use>
3330
+ </svg>
3331
+ <div class="name">工单</div>
3332
+ <div class="code-name">#micgrid-icon-mic-work</div>
3333
+ </li>
3334
+
3335
+ <li class="dib">
3336
+ <svg class="icon svg-icon" aria-hidden="true">
3337
+ <use xlink:href="#micgrid-icon-mic-PCS"></use>
3338
+ </svg>
3339
+ <div class="name">设备-PCS</div>
3340
+ <div class="code-name">#micgrid-icon-mic-PCS</div>
3341
+ </li>
3342
+
3343
+ <li class="dib">
3344
+ <svg class="icon svg-icon" aria-hidden="true">
3345
+ <use xlink:href="#micgrid-icon-mic-inverter"></use>
3346
+ </svg>
3347
+ <div class="name">设备-逆变器</div>
3348
+ <div class="code-name">#micgrid-icon-mic-inverter</div>
3349
+ </li>
3350
+
3351
+ <li class="dib">
3352
+ <svg class="icon svg-icon" aria-hidden="true">
3353
+ <use xlink:href="#micgrid-icon-mic-site-normal"></use>
3354
+ </svg>
3355
+ <div class="name">站点-正常</div>
3356
+ <div class="code-name">#micgrid-icon-mic-site-normal</div>
3357
+ </li>
3358
+
3359
+ <li class="dib">
3360
+ <svg class="icon svg-icon" aria-hidden="true">
3361
+ <use xlink:href="#micgrid-icon-mic-transformer"></use>
3362
+ </svg>
3363
+ <div class="name">设备-变压器</div>
3364
+ <div class="code-name">#micgrid-icon-mic-transformer</div>
3365
+ </li>
3366
+
3367
+ <li class="dib">
3368
+ <svg class="icon svg-icon" aria-hidden="true">
3369
+ <use xlink:href="#micgrid-icon-mic-save-coal"></use>
3370
+ </svg>
3371
+ <div class="name">节约煤</div>
3372
+ <div class="code-name">#micgrid-icon-mic-save-coal</div>
3373
+ </li>
3374
+
3375
+ <li class="dib">
3376
+ <svg class="icon svg-icon" aria-hidden="true">
3377
+ <use xlink:href="#micgrid-icon-mic-loop-count"></use>
3378
+ </svg>
3379
+ <div class="name">循环次数</div>
3380
+ <div class="code-name">#micgrid-icon-mic-loop-count</div>
3381
+ </li>
3382
+
3383
+ <li class="dib">
3384
+ <svg class="icon svg-icon" aria-hidden="true">
3385
+ <use xlink:href="#micgrid-icon-mic-tree-planting"></use>
3386
+ </svg>
3387
+ <div class="name">等效植树</div>
3388
+ <div class="code-name">#micgrid-icon-mic-tree-planting</div>
3389
+ </li>
3390
+
3391
+ <li class="dib">
3392
+ <svg class="icon svg-icon" aria-hidden="true">
3393
+ <use xlink:href="#micgrid-icon-mic-self-generated"></use>
3394
+ </svg>
3395
+ <div class="name">自发自用电量</div>
3396
+ <div class="code-name">#micgrid-icon-mic-self-generated</div>
3397
+ </li>
3398
+
3399
+ <li class="dib">
3400
+ <svg class="icon svg-icon" aria-hidden="true">
3401
+ <use xlink:href="#micgrid-icon-mic-y-y"></use>
3402
+ </svg>
3403
+ <div class="name">同比</div>
3404
+ <div class="code-name">#micgrid-icon-mic-y-y</div>
3405
+ </li>
3406
+
3407
+ <li class="dib">
3408
+ <svg class="icon svg-icon" aria-hidden="true">
3409
+ <use xlink:href="#micgrid-icon-mic-charging-date"></use>
3410
+ </svg>
3411
+ <div class="name">当日发电量</div>
3412
+ <div class="code-name">#micgrid-icon-mic-charging-date</div>
3413
+ </li>
3414
+
3415
+ <li class="dib">
3416
+ <svg class="icon svg-icon" aria-hidden="true">
3417
+ <use xlink:href="#micgrid-icon-mic-battery-mode"></use>
3418
+ </svg>
3419
+ <div class="name">设备-电池堆</div>
3420
+ <div class="code-name">#micgrid-icon-mic-battery-mode</div>
3421
+ </li>
3422
+
3423
+ <li class="dib">
3424
+ <svg class="icon svg-icon" aria-hidden="true">
3425
+ <use xlink:href="#micgrid-icon-mic-site-inefficient"></use>
3426
+ </svg>
3427
+ <div class="name">低效站点</div>
3428
+ <div class="code-name">#micgrid-icon-mic-site-inefficient</div>
3429
+ </li>
3430
+
3431
+ <li class="dib">
3432
+ <svg class="icon svg-icon" aria-hidden="true">
3433
+ <use xlink:href="#micgrid-icon-mic-site-alarm"></use>
3434
+ </svg>
3435
+ <div class="name">站点-异常</div>
3436
+ <div class="code-name">#micgrid-icon-mic-site-alarm</div>
3437
+ </li>
3438
+
3439
+ <li class="dib">
3440
+ <svg class="icon svg-icon" aria-hidden="true">
3441
+ <use xlink:href="#micgrid-icon-mic-m-m"></use>
3442
+ </svg>
3443
+ <div class="name">环比</div>
3444
+ <div class="code-name">#micgrid-icon-mic-m-m</div>
3445
+ </li>
3446
+
3447
+ <li class="dib">
3448
+ <svg class="icon svg-icon" aria-hidden="true">
3449
+ <use xlink:href="#micgrid-icon-mic-search"></use>
3450
+ </svg>
3451
+ <div class="name">查询</div>
3452
+ <div class="code-name">#micgrid-icon-mic-search</div>
3453
+ </li>
3454
+
3455
+ <li class="dib">
3456
+ <svg class="icon svg-icon" aria-hidden="true">
3457
+ <use xlink:href="#micgrid-icon-mic-reset"></use>
3458
+ </svg>
3459
+ <div class="name">重置</div>
3460
+ <div class="code-name">#micgrid-icon-mic-reset</div>
3461
+ </li>
3462
+
3463
+ <li class="dib">
3464
+ <svg class="icon svg-icon" aria-hidden="true">
3465
+ <use xlink:href="#micgrid-icon-mic-PR"></use>
3466
+ </svg>
3467
+ <div class="name">PR值</div>
3468
+ <div class="code-name">#micgrid-icon-mic-PR</div>
3469
+ </li>
3470
+
3471
+ <li class="dib">
3472
+ <svg class="icon svg-icon" aria-hidden="true">
3473
+ <use xlink:href="#micgrid-icon-mic-rated-capacity"></use>
3474
+ </svg>
3475
+ <div class="name">额定容量</div>
3476
+ <div class="code-name">#micgrid-icon-mic-rated-capacity</div>
3477
+ </li>
3478
+
3479
+ <li class="dib">
3480
+ <svg class="icon svg-icon" aria-hidden="true">
3481
+ <use xlink:href="#micgrid-icon-mic-available-hours"></use>
3482
+ </svg>
3483
+ <div class="name">可用小时数</div>
3484
+ <div class="code-name">#micgrid-icon-mic-available-hours</div>
3485
+ </li>
3486
+
3487
+ <li class="dib">
3488
+ <svg class="icon svg-icon" aria-hidden="true">
3489
+ <use xlink:href="#micgrid-icon-mic-grid-voltage"></use>
3490
+ </svg>
3491
+ <div class="name">并网电压</div>
3492
+ <div class="code-name">#micgrid-icon-mic-grid-voltage</div>
3493
+ </li>
3494
+
3495
+ <li class="dib">
3496
+ <svg class="icon svg-icon" aria-hidden="true">
3497
+ <use xlink:href="#micgrid-icon-mic-actibe-power"></use>
3498
+ </svg>
3499
+ <div class="name">有功功率</div>
3500
+ <div class="code-name">#micgrid-icon-mic-actibe-power</div>
3501
+ </li>
3502
+
3503
+ <li class="dib">
3504
+ <svg class="icon svg-icon" aria-hidden="true">
3505
+ <use xlink:href="#micgrid-icon-mic-a-up"></use>
3506
+ </svg>
3507
+ <div class="name">箭头-上</div>
3508
+ <div class="code-name">#micgrid-icon-mic-a-up</div>
3509
+ </li>
3510
+
3511
+ <li class="dib">
3512
+ <svg class="icon svg-icon" aria-hidden="true">
3513
+ <use xlink:href="#micgrid-icon-mic-alarm-full"></use>
3514
+ </svg>
3515
+ <div class="name">告警</div>
3516
+ <div class="code-name">#micgrid-icon-mic-alarm-full</div>
3517
+ </li>
3518
+
3519
+ <li class="dib">
3520
+ <svg class="icon svg-icon" aria-hidden="true">
3521
+ <use xlink:href="#micgrid-icon-mic-a-left"></use>
3522
+ </svg>
3523
+ <div class="name">箭头-左</div>
3524
+ <div class="code-name">#micgrid-icon-mic-a-left</div>
3525
+ </li>
3526
+
3527
+ <li class="dib">
3528
+ <svg class="icon svg-icon" aria-hidden="true">
3529
+ <use xlink:href="#micgrid-icon-mic-close-icon"></use>
3530
+ </svg>
3531
+ <div class="name">关闭</div>
3532
+ <div class="code-name">#micgrid-icon-mic-close-icon</div>
3533
+ </li>
3534
+
3535
+ <li class="dib">
3536
+ <svg class="icon svg-icon" aria-hidden="true">
3537
+ <use xlink:href="#micgrid-icon-mic-date-icon"></use>
3538
+ </svg>
3539
+ <div class="name">日期选择</div>
3540
+ <div class="code-name">#micgrid-icon-mic-date-icon</div>
3541
+ </li>
3542
+
3543
+ <li class="dib">
3544
+ <svg class="icon svg-icon" aria-hidden="true">
3545
+ <use xlink:href="#micgrid-icon-mic-add"></use>
3546
+ </svg>
3547
+ <div class="name">新增</div>
3548
+ <div class="code-name">#micgrid-icon-mic-add</div>
3549
+ </li>
3550
+
3551
+ <li class="dib">
3552
+ <svg class="icon svg-icon" aria-hidden="true">
3553
+ <use xlink:href="#micgrid-icon-mic-a-right"></use>
3554
+ </svg>
3555
+ <div class="name">箭头-右</div>
3556
+ <div class="code-name">#micgrid-icon-mic-a-right</div>
3557
+ </li>
3558
+
3559
+ <li class="dib">
3560
+ <svg class="icon svg-icon" aria-hidden="true">
3561
+ <use xlink:href="#micgrid-icon-mic-a-down"></use>
3562
+ </svg>
3563
+ <div class="name">箭头-下</div>
3564
+ <div class="code-name">#micgrid-icon-mic-a-down</div>
3565
+ </li>
3566
+
3567
+ <li class="dib">
3568
+ <svg class="icon svg-icon" aria-hidden="true">
3569
+ <use xlink:href="#micgrid-icon-mic-inverter1"></use>
3570
+ </svg>
3571
+ <div class="name">逆变器</div>
3572
+ <div class="code-name">#micgrid-icon-mic-inverter1</div>
3573
+ </li>
3574
+
3575
+ <li class="dib">
3576
+ <svg class="icon svg-icon" aria-hidden="true">
3577
+ <use xlink:href="#micgrid-icon-mic-q"></use>
3578
+ </svg>
3579
+ <div class="name">无功功率</div>
3580
+ <div class="code-name">#micgrid-icon-mic-q</div>
3581
+ </li>
3582
+
3583
+ <li class="dib">
3584
+ <svg class="icon svg-icon" aria-hidden="true">
3585
+ <use xlink:href="#micgrid-icon-mic-status-alarm"></use>
3586
+ </svg>
3587
+ <div class="name">状态-异常</div>
3588
+ <div class="code-name">#micgrid-icon-mic-status-alarm</div>
3589
+ </li>
3590
+
3591
+ <li class="dib">
3592
+ <svg class="icon svg-icon" aria-hidden="true">
3593
+ <use xlink:href="#micgrid-icon-mic-status-done"></use>
3594
+ </svg>
3595
+ <div class="name">状态-正常</div>
3596
+ <div class="code-name">#micgrid-icon-mic-status-done</div>
3597
+ </li>
3598
+
3599
+ <li class="dib">
3600
+ <svg class="icon svg-icon" aria-hidden="true">
3601
+ <use xlink:href="#micgrid-icon-mic-p-rect"></use>
3602
+ </svg>
3603
+ <div class="name">额定功率</div>
3604
+ <div class="code-name">#micgrid-icon-mic-p-rect</div>
3605
+ </li>
3606
+
3607
+ <li class="dib">
3608
+ <svg class="icon svg-icon" aria-hidden="true">
3609
+ <use xlink:href="#micgrid-icon-mic-temperature"></use>
3610
+ </svg>
3611
+ <div class="name">环境温度</div>
3612
+ <div class="code-name">#micgrid-icon-mic-temperature</div>
3613
+ </li>
3614
+
3615
+ <li class="dib">
3616
+ <svg class="icon svg-icon" aria-hidden="true">
3617
+ <use xlink:href="#micgrid-icon-mic-voltage-level-rect"></use>
3618
+ </svg>
3619
+ <div class="name">电压等级</div>
3620
+ <div class="code-name">#micgrid-icon-mic-voltage-level-rect</div>
3621
+ </li>
3622
+
3623
+ <li class="dib">
3624
+ <svg class="icon svg-icon" aria-hidden="true">
3625
+ <use xlink:href="#micgrid-icon-mic-total-charge"></use>
3626
+ </svg>
3627
+ <div class="name">累计充电量</div>
3628
+ <div class="code-name">#micgrid-icon-mic-total-charge</div>
3629
+ </li>
3630
+
3631
+ <li class="dib">
3632
+ <svg class="icon svg-icon" aria-hidden="true">
3633
+ <use xlink:href="#micgrid-icon-mic-today-discharge"></use>
3634
+ </svg>
3635
+ <div class="name">今日放电量</div>
3636
+ <div class="code-name">#micgrid-icon-mic-today-discharge</div>
3637
+ </li>
3638
+
3639
+ <li class="dib">
3640
+ <svg class="icon svg-icon" aria-hidden="true">
3641
+ <use xlink:href="#micgrid-icon-mic-total-discharge"></use>
3642
+ </svg>
3643
+ <div class="name">累计放电量</div>
3644
+ <div class="code-name">#micgrid-icon-mic-total-discharge</div>
3645
+ </li>
3646
+
3647
+ <li class="dib">
3648
+ <svg class="icon svg-icon" aria-hidden="true">
3649
+ <use xlink:href="#micgrid-icon-mic-today-charge"></use>
3650
+ </svg>
3651
+ <div class="name">本日充电量</div>
3652
+ <div class="code-name">#micgrid-icon-mic-today-charge</div>
3653
+ </li>
3654
+
3655
+ <li class="dib">
3656
+ <svg class="icon svg-icon" aria-hidden="true">
3657
+ <use xlink:href="#micgrid-icon-mic-rated-capacity-rect"></use>
3658
+ </svg>
3659
+ <div class="name">额定容量</div>
3660
+ <div class="code-name">#micgrid-icon-mic-rated-capacity-rect</div>
3661
+ </li>
3662
+
3663
+ <li class="dib">
3664
+ <svg class="icon svg-icon" aria-hidden="true">
3665
+ <use xlink:href="#micgrid-icon-mic-p-circle"></use>
3666
+ </svg>
3667
+ <div class="name">当前总功率</div>
3668
+ <div class="code-name">#micgrid-icon-mic-p-circle</div>
3669
+ </li>
3670
+
3671
+ <li class="dib">
3672
+ <svg class="icon svg-icon" aria-hidden="true">
3673
+ <use xlink:href="#micgrid-icon-mic-temp2"></use>
3674
+ </svg>
3675
+ <div class="name">温度</div>
3676
+ <div class="code-name">#micgrid-icon-mic-temp2</div>
3677
+ </li>
3678
+
3679
+ <li class="dib">
3680
+ <svg class="icon svg-icon" aria-hidden="true">
3681
+ <use xlink:href="#micgrid-icon-mic-air-conditioner"></use>
3682
+ </svg>
3683
+ <div class="name">空调</div>
3684
+ <div class="code-name">#micgrid-icon-mic-air-conditioner</div>
3685
+ </li>
3686
+
3687
+ <li class="dib">
3688
+ <svg class="icon svg-icon" aria-hidden="true">
3689
+ <use xlink:href="#micgrid-icon-mic-fan-system"></use>
3690
+ </svg>
3691
+ <div class="name">风机系统</div>
3692
+ <div class="code-name">#micgrid-icon-mic-fan-system</div>
3693
+ </li>
3694
+
3695
+ <li class="dib">
3696
+ <svg class="icon svg-icon" aria-hidden="true">
3697
+ <use xlink:href="#micgrid-icon-mic-load-all"></use>
3698
+ </svg>
3699
+ <div class="name">全部负荷</div>
3700
+ <div class="code-name">#micgrid-icon-mic-load-all</div>
3701
+ </li>
3702
+
3703
+ <li class="dib">
3704
+ <svg class="icon svg-icon" aria-hidden="true">
3705
+ <use xlink:href="#micgrid-icon-mic-air-system"></use>
3706
+ </svg>
3707
+ <div class="name">空调系统</div>
3708
+ <div class="code-name">#micgrid-icon-mic-air-system</div>
3709
+ </li>
3710
+
3711
+ <li class="dib">
3712
+ <svg class="icon svg-icon" aria-hidden="true">
3713
+ <use xlink:href="#micgrid-icon-mic-frequency"></use>
3714
+ </svg>
3715
+ <div class="name">频率</div>
3716
+ <div class="code-name">#micgrid-icon-mic-frequency</div>
3717
+ </li>
3718
+
3719
+ <li class="dib">
3720
+ <svg class="icon svg-icon" aria-hidden="true">
3721
+ <use xlink:href="#micgrid-icon-mic-power-factor"></use>
3722
+ </svg>
3723
+ <div class="name">功率因数</div>
3724
+ <div class="code-name">#micgrid-icon-mic-power-factor</div>
3725
+ </li>
3726
+
3727
+ <li class="dib">
3728
+ <svg class="icon svg-icon" aria-hidden="true">
3729
+ <use xlink:href="#micgrid-icon-mic-income-line"></use>
3730
+ </svg>
3731
+ <div class="name">设备-进线柜</div>
3732
+ <div class="code-name">#micgrid-icon-mic-income-line</div>
3733
+ </li>
3734
+
3735
+ <li class="dib">
3736
+ <svg class="icon svg-icon" aria-hidden="true">
3737
+ <use xlink:href="#micgrid-icon-mic-feeder"></use>
3738
+ </svg>
3739
+ <div class="name">设备-馈线柜</div>
3740
+ <div class="code-name">#micgrid-icon-mic-feeder</div>
3741
+ </li>
3742
+
3743
+ <li class="dib">
3744
+ <svg class="icon svg-icon" aria-hidden="true">
3745
+ <use xlink:href="#micgrid-icon-mic-total-current"></use>
3746
+ </svg>
3747
+ <div class="name">总电流</div>
3748
+ <div class="code-name">#micgrid-icon-mic-total-current</div>
3749
+ </li>
3750
+
3751
+ <li class="dib">
3752
+ <svg class="icon svg-icon" aria-hidden="true">
3753
+ <use xlink:href="#micgrid-icon-mic-charge-icon3"></use>
3754
+ </svg>
3755
+ <div class="name">可充电电量</div>
3756
+ <div class="code-name">#micgrid-icon-mic-charge-icon3</div>
3757
+ </li>
3758
+
3759
+ <li class="dib">
3760
+ <svg class="icon svg-icon" aria-hidden="true">
3761
+ <use xlink:href="#micgrid-icon-mic-total-voltage"></use>
3762
+ </svg>
3763
+ <div class="name">总电压</div>
3764
+ <div class="code-name">#micgrid-icon-mic-total-voltage</div>
3765
+ </li>
3766
+
3767
+ <li class="dib">
3768
+ <svg class="icon svg-icon" aria-hidden="true">
3769
+ <use xlink:href="#micgrid-icon-mic-charge-icon2"></use>
3770
+ </svg>
3771
+ <div class="name">可放电电量</div>
3772
+ <div class="code-name">#micgrid-icon-mic-charge-icon2</div>
3773
+ </li>
3774
+
3775
+ <li class="dib">
3776
+ <svg class="icon svg-icon" aria-hidden="true">
3777
+ <use xlink:href="#micgrid-icon-mic-current"></use>
3778
+ </svg>
3779
+ <div class="name">电流</div>
3780
+ <div class="code-name">#micgrid-icon-mic-current</div>
3781
+ </li>
3782
+
3783
+ <li class="dib">
3784
+ <svg class="icon svg-icon" aria-hidden="true">
3785
+ <use xlink:href="#micgrid-icon-mic-ambient-humidity"></use>
3786
+ </svg>
3787
+ <div class="name">环境湿度</div>
3788
+ <div class="code-name">#micgrid-icon-mic-ambient-humidity</div>
3789
+ </li>
3790
+
3791
+ <li class="dib">
3792
+ <svg class="icon svg-icon" aria-hidden="true">
3793
+ <use xlink:href="#micgrid-icon-mic-charge-icon"></use>
3794
+ </svg>
3795
+ <div class="name">可充放电量</div>
3796
+ <div class="code-name">#micgrid-icon-mic-charge-icon</div>
3797
+ </li>
3798
+
3799
+ <li class="dib">
3800
+ <svg class="icon svg-icon" aria-hidden="true">
3801
+ <use xlink:href="#micgrid-icon-mic-fen"></use>
3802
+ </svg>
3803
+ <div class="name">风机</div>
3804
+ <div class="code-name">#micgrid-icon-mic-fen</div>
3805
+ </li>
3806
+
3807
+ <li class="dib">
3808
+ <svg class="icon svg-icon" aria-hidden="true">
3809
+ <use xlink:href="#micgrid-icon-mic-message-icon"></use>
3810
+ </svg>
3811
+ <div class="name">消息</div>
3812
+ <div class="code-name">#micgrid-icon-mic-message-icon</div>
3813
+ </li>
3814
+
3815
+ <li class="dib">
3816
+ <svg class="icon svg-icon" aria-hidden="true">
3817
+ <use xlink:href="#micgrid-icon-mic-menu-right"></use>
3818
+ </svg>
3819
+ <div class="name">菜单展开</div>
3820
+ <div class="code-name">#micgrid-icon-mic-menu-right</div>
3821
+ </li>
3822
+
3823
+ <li class="dib">
3824
+ <svg class="icon svg-icon" aria-hidden="true">
3825
+ <use xlink:href="#micgrid-icon-mic-sound-off"></use>
3826
+ </svg>
3827
+ <div class="name">声音控制-关闭</div>
3828
+ <div class="code-name">#micgrid-icon-mic-sound-off</div>
3829
+ </li>
3830
+
3831
+ <li class="dib">
3832
+ <svg class="icon svg-icon" aria-hidden="true">
3833
+ <use xlink:href="#micgrid-icon-mic-menu-left"></use>
3834
+ </svg>
3835
+ <div class="name">菜单收起</div>
3836
+ <div class="code-name">#micgrid-icon-mic-menu-left</div>
3837
+ </li>
3838
+
3839
+ <li class="dib">
3840
+ <svg class="icon svg-icon" aria-hidden="true">
3841
+ <use xlink:href="#micgrid-icon-mic-sound-on"></use>
3842
+ </svg>
3843
+ <div class="name">声音控制-开启</div>
3844
+ <div class="code-name">#micgrid-icon-mic-sound-on</div>
3845
+ </li>
3846
+
3847
+ <li class="dib">
3848
+ <svg class="icon svg-icon" aria-hidden="true">
3849
+ <use xlink:href="#micgrid-icon-mic-menu-operation"></use>
3850
+ </svg>
3851
+ <div class="name">导航-运营管理</div>
3852
+ <div class="code-name">#micgrid-icon-mic-menu-operation</div>
3853
+ </li>
3854
+
3855
+ <li class="dib">
3856
+ <svg class="icon svg-icon" aria-hidden="true">
3857
+ <use xlink:href="#micgrid-icon-mic-menu-run"></use>
3858
+ </svg>
3859
+ <div class="name">导航-运行监控</div>
3860
+ <div class="code-name">#micgrid-icon-mic-menu-run</div>
3861
+ </li>
3862
+
3863
+ <li class="dib">
3864
+ <svg class="icon svg-icon" aria-hidden="true">
3865
+ <use xlink:href="#micgrid-icon-mic-menu-site"></use>
3866
+ </svg>
3867
+ <div class="name">导航-站点概览</div>
3868
+ <div class="code-name">#micgrid-icon-mic-menu-site</div>
3869
+ </li>
3870
+
3871
+ <li class="dib">
3872
+ <svg class="icon svg-icon" aria-hidden="true">
3873
+ <use xlink:href="#micgrid-icon-mic-menu-event"></use>
3874
+ </svg>
3875
+ <div class="name">导航-事件中心</div>
3876
+ <div class="code-name">#micgrid-icon-mic-menu-event</div>
3877
+ </li>
3878
+
3879
+ <li class="dib">
3880
+ <svg class="icon svg-icon" aria-hidden="true">
3881
+ <use xlink:href="#micgrid-icon-mic-menu-maintenance"></use>
3882
+ </svg>
3883
+ <div class="name">导航-运维管理</div>
3884
+ <div class="code-name">#micgrid-icon-mic-menu-maintenance</div>
3885
+ </li>
3886
+
3887
+ <li class="dib">
3888
+ <svg class="icon svg-icon" aria-hidden="true">
3889
+ <use xlink:href="#micgrid-icon-mic-menu-home"></use>
3890
+ </svg>
3891
+ <div class="name">导航-全景视图</div>
3892
+ <div class="code-name">#micgrid-icon-mic-menu-home</div>
3893
+ </li>
3894
+
3895
+ <li class="dib">
3896
+ <svg class="icon svg-icon" aria-hidden="true">
3897
+ <use xlink:href="#micgrid-icon-mic-menu-model"></use>
3898
+ </svg>
3899
+ <div class="name">导航-模型管理</div>
3900
+ <div class="code-name">#micgrid-icon-mic-menu-model</div>
3901
+ </li>
3902
+
3903
+ <li class="dib">
3904
+ <svg class="icon svg-icon" aria-hidden="true">
3905
+ <use xlink:href="#micgrid-icon-mic-menu-diagnose"></use>
3906
+ </svg>
3907
+ <div class="name">导航-诊断分析</div>
3908
+ <div class="code-name">#micgrid-icon-mic-menu-diagnose</div>
3909
+ </li>
3910
+
3911
+ <li class="dib">
3912
+ <svg class="icon svg-icon" aria-hidden="true">
3913
+ <use xlink:href="#micgrid-icon-mic-menu-device"></use>
3914
+ </svg>
3915
+ <div class="name">导航-设备管理</div>
3916
+ <div class="code-name">#micgrid-icon-mic-menu-device</div>
3917
+ </li>
3918
+
3919
+ <li class="dib">
3920
+ <svg class="icon svg-icon" aria-hidden="true">
3921
+ <use xlink:href="#micgrid-icon-mic-so2"></use>
3922
+ </svg>
3923
+ <div class="name">SO₂</div>
3924
+ <div class="code-name">#micgrid-icon-mic-so2</div>
3925
+ </li>
3926
+
3927
+ <li class="dib">
3928
+ <svg class="icon svg-icon" aria-hidden="true">
3929
+ <use xlink:href="#micgrid-icon-mic-co2"></use>
3930
+ </svg>
3931
+ <div class="name">CO₂</div>
3932
+ <div class="code-name">#micgrid-icon-mic-co2</div>
3933
+ </li>
3934
+
3935
+ <li class="dib">
3936
+ <svg class="icon svg-icon" aria-hidden="true">
3937
+ <use xlink:href="#micgrid-icon-mic-tree"></use>
3938
+ </svg>
3939
+ <div class="name">tree</div>
3940
+ <div class="code-name">#micgrid-icon-mic-tree</div>
3941
+ </li>
3942
+
3943
+ <li class="dib">
3944
+ <svg class="icon svg-icon" aria-hidden="true">
3945
+ <use xlink:href="#micgrid-icon-mic-over-default"></use>
3946
+ </svg>
3947
+ <div class="name">默认</div>
3948
+ <div class="code-name">#micgrid-icon-mic-over-default</div>
3949
+ </li>
3950
+
3951
+ <li class="dib">
3952
+ <svg class="icon svg-icon" aria-hidden="true">
3953
+ <use xlink:href="#micgrid-icon-mic-over-bg"></use>
3954
+ </svg>
3955
+ <div class="name">图标外框</div>
3956
+ <div class="code-name">#micgrid-icon-mic-over-bg</div>
3957
+ </li>
3958
+
3959
+ <li class="dib">
3960
+ <svg class="icon svg-icon" aria-hidden="true">
3961
+ <use xlink:href="#micgrid-icon-mic-rainy-day"></use>
3962
+ </svg>
3963
+ <div class="name">rainy-day</div>
3964
+ <div class="code-name">#micgrid-icon-mic-rainy-day</div>
3965
+ </li>
3966
+
3967
+ <li class="dib">
3968
+ <svg class="icon svg-icon" aria-hidden="true">
3969
+ <use xlink:href="#micgrid-icon-mic-cloudy"></use>
3970
+ </svg>
3971
+ <div class="name">cloudy</div>
3972
+ <div class="code-name">#micgrid-icon-mic-cloudy</div>
3973
+ </li>
3974
+
3975
+ <li class="dib">
3976
+ <svg class="icon svg-icon" aria-hidden="true">
3977
+ <use xlink:href="#micgrid-icon-mic-electricity-costs"></use>
3978
+ </svg>
3979
+ <div class="name">用电费用</div>
3980
+ <div class="code-name">#micgrid-icon-mic-electricity-costs</div>
3981
+ </li>
3982
+
3983
+ <li class="dib">
3984
+ <svg class="icon svg-icon" aria-hidden="true">
3985
+ <use xlink:href="#micgrid-icon-mic-electricity-consumption"></use>
3986
+ </svg>
3987
+ <div class="name">用电量</div>
3988
+ <div class="code-name">#micgrid-icon-mic-electricity-consumption</div>
3989
+ </li>
3990
+
3991
+ <li class="dib">
3992
+ <svg class="icon svg-icon" aria-hidden="true">
3993
+ <use xlink:href="#micgrid-icon-mic-mains-electricity"></use>
3994
+ </svg>
3995
+ <div class="name">市电电量</div>
3996
+ <div class="code-name">#micgrid-icon-mic-mains-electricity</div>
3997
+ </li>
3998
+
3999
+ <li class="dib">
4000
+ <svg class="icon svg-icon" aria-hidden="true">
4001
+ <use xlink:href="#micgrid-icon-mic-charging-pile-revenue"></use>
4002
+ </svg>
4003
+ <div class="name">充电桩收益</div>
4004
+ <div class="code-name">#micgrid-icon-mic-charging-pile-revenue</div>
4005
+ </li>
4006
+
4007
+ <li class="dib">
4008
+ <svg class="icon svg-icon" aria-hidden="true">
4009
+ <use xlink:href="#micgrid-icon-mic-green-electricity-ratio"></use>
4010
+ </svg>
4011
+ <div class="name">绿电比例</div>
4012
+ <div class="code-name">#micgrid-icon-mic-green-electricity-ratio</div>
4013
+ </li>
4014
+
4015
+ <li class="dib">
4016
+ <svg class="icon svg-icon" aria-hidden="true">
4017
+ <use xlink:href="#micgrid-icon-mic-energy-storage-benefits"></use>
4018
+ </svg>
4019
+ <div class="name">储能收益</div>
4020
+ <div class="code-name">#micgrid-icon-mic-energy-storage-benefits</div>
4021
+ </li>
4022
+
4023
+ <li class="dib">
4024
+ <svg class="icon svg-icon" aria-hidden="true">
4025
+ <use xlink:href="#micgrid-icon-mic-power-generation"></use>
4026
+ </svg>
4027
+ <div class="name">发电量</div>
4028
+ <div class="code-name">#micgrid-icon-mic-power-generation</div>
4029
+ </li>
4030
+
4031
+ <li class="dib">
4032
+ <svg class="icon svg-icon" aria-hidden="true">
4033
+ <use xlink:href="#micgrid-icon-mic-photovoltaic-revenue"></use>
4034
+ </svg>
4035
+ <div class="name">光伏收益</div>
4036
+ <div class="code-name">#micgrid-icon-mic-photovoltaic-revenue</div>
4037
+ </li>
4038
+
4039
+ <li class="dib">
4040
+ <svg class="icon svg-icon" aria-hidden="true">
4041
+ <use xlink:href="#micgrid-icon-mic-alarm"></use>
4042
+ </svg>
4043
+ <div class="name">告警</div>
4044
+ <div class="code-name">#micgrid-icon-mic-alarm</div>
4045
+ </li>
4046
+
4047
+ <li class="dib">
4048
+ <svg class="icon svg-icon" aria-hidden="true">
4049
+ <use xlink:href="#micgrid-icon-mic-power-out"></use>
4050
+ </svg>
4051
+ <div class="name">非计划停电</div>
4052
+ <div class="code-name">#micgrid-icon-mic-power-out</div>
4053
+ </li>
4054
+
4055
+ <li class="dib">
4056
+ <svg class="icon svg-icon" aria-hidden="true">
4057
+ <use xlink:href="#micgrid-icon-mic-voltage-rate"></use>
4058
+ </svg>
4059
+ <div class="name">电压合格率</div>
4060
+ <div class="code-name">#micgrid-icon-mic-voltage-rate</div>
4061
+ </li>
4062
+
4063
+ <li class="dib">
4064
+ <svg class="icon svg-icon" aria-hidden="true">
4065
+ <use xlink:href="#micgrid-icon-mic-lightning"></use>
4066
+ </svg>
4067
+ <div class="name">电力</div>
4068
+ <div class="code-name">#micgrid-icon-mic-lightning</div>
4069
+ </li>
4070
+
4071
+ <li class="dib">
4072
+ <svg class="icon svg-icon" aria-hidden="true">
4073
+ <use xlink:href="#micgrid-icon-mic-storage-capacity"></use>
4074
+ </svg>
4075
+ <div class="name">储能装机容量</div>
4076
+ <div class="code-name">#micgrid-icon-mic-storage-capacity</div>
4077
+ </li>
4078
+
4079
+ <li class="dib">
4080
+ <svg class="icon svg-icon" aria-hidden="true">
4081
+ <use xlink:href="#micgrid-icon-mic-power-pile"></use>
4082
+ </svg>
4083
+ <div class="name">充电桩总功率</div>
4084
+ <div class="code-name">#micgrid-icon-mic-power-pile</div>
4085
+ </li>
4086
+
4087
+ <li class="dib">
4088
+ <svg class="icon svg-icon" aria-hidden="true">
4089
+ <use xlink:href="#micgrid-icon-mic-voltage-level"></use>
4090
+ </svg>
4091
+ <div class="name">并网电压等级</div>
4092
+ <div class="code-name">#micgrid-icon-mic-voltage-level</div>
4093
+ </li>
4094
+
4095
+ <li class="dib">
4096
+ <svg class="icon svg-icon" aria-hidden="true">
4097
+ <use xlink:href="#micgrid-icon-mic-transformer-capacity"></use>
4098
+ </svg>
4099
+ <div class="name">变压器容量</div>
4100
+ <div class="code-name">#micgrid-icon-mic-transformer-capacity</div>
4101
+ </li>
4102
+
4103
+ <li class="dib">
4104
+ <svg class="icon svg-icon" aria-hidden="true">
4105
+ <use xlink:href="#micgrid-icon-mic-sun"></use>
4106
+ </svg>
4107
+ <div class="name">晴</div>
4108
+ <div class="code-name">#micgrid-icon-mic-sun</div>
4109
+ </li>
4110
+
4111
+ <li class="dib">
4112
+ <svg class="icon svg-icon" aria-hidden="true">
4113
+ <use xlink:href="#micgrid-icon-mic-diamond"></use>
4114
+ </svg>
4115
+ <div class="name">菱形</div>
4116
+ <div class="code-name">#micgrid-icon-mic-diamond</div>
4117
+ </li>
4118
+
4119
+ <li class="dib">
4120
+ <svg class="icon svg-icon" aria-hidden="true">
4121
+ <use xlink:href="#micgrid-icon-mic-total-income"></use>
4122
+ </svg>
4123
+ <div class="name">累计总收益</div>
4124
+ <div class="code-name">#micgrid-icon-mic-total-income</div>
4125
+ </li>
4126
+
4127
+ <li class="dib">
4128
+ <svg class="icon svg-icon" aria-hidden="true">
4129
+ <use xlink:href="#micgrid-icon-mic-desktop"></use>
4130
+ </svg>
4131
+ <div class="name">进入系统</div>
4132
+ <div class="code-name">#micgrid-icon-mic-desktop</div>
4133
+ </li>
4134
+
4135
+ <li class="dib">
4136
+ <svg class="icon svg-icon" aria-hidden="true">
4137
+ <use xlink:href="#micgrid-icon-mic-arrow-left"></use>
4138
+ </svg>
4139
+ <div class="name">箭头-左</div>
4140
+ <div class="code-name">#micgrid-icon-mic-arrow-left</div>
4141
+ </li>
4142
+
4143
+ <li class="dib">
4144
+ <svg class="icon svg-icon" aria-hidden="true">
4145
+ <use xlink:href="#micgrid-icon-mic-arrow-right"></use>
4146
+ </svg>
4147
+ <div class="name">箭头-右</div>
4148
+ <div class="code-name">#micgrid-icon-mic-arrow-right</div>
4149
+ </li>
4150
+
4151
+ <li class="dib">
4152
+ <svg class="icon svg-icon" aria-hidden="true">
4153
+ <use xlink:href="#micgrid-icon-mic-arrow-bottom"></use>
4154
+ </svg>
4155
+ <div class="name">箭头-下</div>
4156
+ <div class="code-name">#micgrid-icon-mic-arrow-bottom</div>
4157
+ </li>
4158
+
4159
+ <li class="dib">
4160
+ <svg class="icon svg-icon" aria-hidden="true">
4161
+ <use xlink:href="#micgrid-icon-mic-arrow-top"></use>
4162
+ </svg>
4163
+ <div class="name">箭头-上</div>
4164
+ <div class="code-name">#micgrid-icon-mic-arrow-top</div>
4165
+ </li>
4166
+
4167
+ <li class="dib">
4168
+ <svg class="icon svg-icon" aria-hidden="true">
4169
+ <use xlink:href="#micgrid-icon-mic-installed-power"></use>
4170
+ </svg>
4171
+ <div class="name">光伏装机功率</div>
4172
+ <div class="code-name">#micgrid-icon-mic-installed-power</div>
4173
+ </li>
4174
+
4175
+ <li class="dib">
4176
+ <svg class="icon svg-icon" aria-hidden="true">
4177
+ <use xlink:href="#micgrid-icon-mic-supply-reliability"></use>
4178
+ </svg>
4179
+ <div class="name">供电可靠率</div>
4180
+ <div class="code-name">#micgrid-icon-mic-supply-reliability</div>
4181
+ </li>
4182
+
4183
+ <li class="dib">
4184
+ <svg class="icon svg-icon" aria-hidden="true">
4185
+ <use xlink:href="#micgrid-icon-mic-arrow-right-full"></use>
4186
+ </svg>
4187
+ <div class="name">三角箭头-右</div>
4188
+ <div class="code-name">#micgrid-icon-mic-arrow-right-full</div>
4189
+ </li>
4190
+
4191
+ <li class="dib">
4192
+ <svg class="icon svg-icon" aria-hidden="true">
4193
+ <use xlink:href="#micgrid-icon-mic-arrow-bottom-full"></use>
4194
+ </svg>
4195
+ <div class="name">三角箭头-下</div>
4196
+ <div class="code-name">#micgrid-icon-mic-arrow-bottom-full</div>
4197
+ </li>
4198
+
4199
+ <li class="dib">
4200
+ <svg class="icon svg-icon" aria-hidden="true">
4201
+ <use xlink:href="#micgrid-icon-mic-arrow-top-full"></use>
4202
+ </svg>
4203
+ <div class="name">三角箭头-上</div>
4204
+ <div class="code-name">#micgrid-icon-mic-arrow-top-full</div>
4205
+ </li>
4206
+
4207
+ <li class="dib">
4208
+ <svg class="icon svg-icon" aria-hidden="true">
4209
+ <use xlink:href="#micgrid-icon-mic-temp"></use>
4210
+ </svg>
4211
+ <div class="name">温度</div>
4212
+ <div class="code-name">#micgrid-icon-mic-temp</div>
4213
+ </li>
4214
+
4215
+ <li class="dib">
4216
+ <svg class="icon svg-icon" aria-hidden="true">
4217
+ <use xlink:href="#micgrid-icon-mic-logout"></use>
4218
+ </svg>
4219
+ <div class="name">退出</div>
4220
+ <div class="code-name">#micgrid-icon-mic-logout</div>
4221
+ </li>
4222
+
4223
+ <li class="dib">
4224
+ <svg class="icon svg-icon" aria-hidden="true">
4225
+ <use xlink:href="#micgrid-icon-mic-time"></use>
4226
+ </svg>
4227
+ <div class="name">投运时间</div>
4228
+ <div class="code-name">#micgrid-icon-mic-time</div>
4229
+ </li>
4230
+
4231
+ <li class="dib">
4232
+ <svg class="icon svg-icon" aria-hidden="true">
4233
+ <use xlink:href="#micgrid-icon-mic-humidity"></use>
4234
+ </svg>
4235
+ <div class="name">湿度</div>
4236
+ <div class="code-name">#micgrid-icon-mic-humidity</div>
4237
+ </li>
4238
+
4239
+ <li class="dib">
4240
+ <svg class="icon svg-icon" aria-hidden="true">
4241
+ <use xlink:href="#micgrid-icon-mic-arrow-left-full"></use>
4242
+ </svg>
4243
+ <div class="name">三角箭头-左</div>
4244
+ <div class="code-name">#micgrid-icon-mic-arrow-left-full</div>
4245
+ </li>
4246
+
4247
+ </ul>
4248
+ <div class="article markdown">
4249
+ <h2 id="symbol-">Symbol 引用</h2>
4250
+ <hr>
4251
+
4252
+ <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
4253
+ 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
4254
+ <ul>
4255
+ <li>支持多色图标了，不再受单色限制。</li>
4256
+ <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
4257
+ <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
4258
+ <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
4259
+ </ul>
4260
+ <p>使用步骤如下：</p>
4261
+ <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
4262
+ <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
4263
+ </code></pre>
4264
+ <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
4265
+ <pre><code class="language-html">&lt;style&gt;
4266
+ .icon {
4267
+ width: 1em;
4268
+ height: 1em;
4269
+ vertical-align: -0.15em;
4270
+ fill: currentColor;
4271
+ overflow: hidden;
4272
+ }
4273
+ &lt;/style&gt;
4274
+ </code></pre>
4275
+ <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
4276
+ <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
4277
+ &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
4278
+ &lt;/svg&gt;
4279
+ </code></pre>
4280
+ </div>
4281
+ </div>
4282
+
4283
+ </div>
4284
+ </div>
4285
+ <script>
4286
+ $(document).ready(function () {
4287
+ $('.tab-container .content:first').show()
4288
+
4289
+ $('#tabs li').click(function (e) {
4290
+ var tabContent = $('.tab-container .content')
4291
+ var index = $(this).index()
4292
+
4293
+ if ($(this).hasClass('active')) {
4294
+ return
4295
+ } else {
4296
+ $('#tabs li').removeClass('active')
4297
+ $(this).addClass('active')
4298
+
4299
+ tabContent.hide().eq(index).fadeIn()
4300
+ }
4301
+ })
4302
+ })
4303
+ </script>
4304
+ </body>
4305
+ </html>