bi-components-library 1.0.40 → 1.0.42

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.
@@ -0,0 +1,3248 @@
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=5037819" 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 iconfont">&#xe681;</span>
59
+ <div class="name">关闭智能体</div>
60
+ <div class="code-name">&amp;#xe681;</div>
61
+ </li>
62
+
63
+ <li class="dib">
64
+ <span class="icon iconfont">&#xe654;</span>
65
+ <div class="name">生成主图</div>
66
+ <div class="code-name">&amp;#xe654;</div>
67
+ </li>
68
+
69
+ <li class="dib">
70
+ <span class="icon iconfont">&#xe67e;</span>
71
+ <div class="name">生成详情页设计脚本</div>
72
+ <div class="code-name">&amp;#xe67e;</div>
73
+ </li>
74
+
75
+ <li class="dib">
76
+ <span class="icon iconfont">&#xe67f;</span>
77
+ <div class="name">生成主图设计脚本</div>
78
+ <div class="code-name">&amp;#xe67f;</div>
79
+ </li>
80
+
81
+ <li class="dib">
82
+ <span class="icon iconfont">&#xe680;</span>
83
+ <div class="name">生成详情页图片</div>
84
+ <div class="code-name">&amp;#xe680;</div>
85
+ </li>
86
+
87
+ <li class="dib">
88
+ <span class="icon iconfont">&#xe67d;</span>
89
+ <div class="name">关键词需求分析</div>
90
+ <div class="code-name">&amp;#xe67d;</div>
91
+ </li>
92
+
93
+ <li class="dib">
94
+ <span class="icon iconfont">&#xe67b;</span>
95
+ <div class="name">正确</div>
96
+ <div class="code-name">&amp;#xe67b;</div>
97
+ </li>
98
+
99
+ <li class="dib">
100
+ <span class="icon iconfont">&#xe67c;</span>
101
+ <div class="name">失败</div>
102
+ <div class="code-name">&amp;#xe67c;</div>
103
+ </li>
104
+
105
+ <li class="dib">
106
+ <span class="icon iconfont">&#xe679;</span>
107
+ <div class="name">竞品诊断</div>
108
+ <div class="code-name">&amp;#xe679;</div>
109
+ </li>
110
+
111
+ <li class="dib">
112
+ <span class="icon iconfont">&#xe67a;</span>
113
+ <div class="name">加载中</div>
114
+ <div class="code-name">&amp;#xe67a;</div>
115
+ </li>
116
+
117
+ <li class="dib">
118
+ <span class="icon iconfont">&#xe678;</span>
119
+ <div class="name">批量下载</div>
120
+ <div class="code-name">&amp;#xe678;</div>
121
+ </li>
122
+
123
+ <li class="dib">
124
+ <span class="icon iconfont">&#xe677;</span>
125
+ <div class="name">竞品诊断</div>
126
+ <div class="code-name">&amp;#xe677;</div>
127
+ </li>
128
+
129
+ <li class="dib">
130
+ <span class="icon iconfont">&#xe675;</span>
131
+ <div class="name">收起</div>
132
+ <div class="code-name">&amp;#xe675;</div>
133
+ </li>
134
+
135
+ <li class="dib">
136
+ <span class="icon iconfont">&#xe676;</span>
137
+ <div class="name">展开</div>
138
+ <div class="code-name">&amp;#xe676;</div>
139
+ </li>
140
+
141
+ <li class="dib">
142
+ <span class="icon iconfont">&#xe655;</span>
143
+ <div class="name">问大家分析</div>
144
+ <div class="code-name">&amp;#xe655;</div>
145
+ </li>
146
+
147
+ <li class="dib">
148
+ <span class="icon iconfont">&#xe656;</span>
149
+ <div class="name">生成买家秀</div>
150
+ <div class="code-name">&amp;#xe656;</div>
151
+ </li>
152
+
153
+ <li class="dib">
154
+ <span class="icon iconfont">&#xe657;</span>
155
+ <div class="name">关键词选款选市场</div>
156
+ <div class="code-name">&amp;#xe657;</div>
157
+ </li>
158
+
159
+ <li class="dib">
160
+ <span class="icon iconfont">&#xe658;</span>
161
+ <div class="name">商品评价分析</div>
162
+ <div class="code-name">&amp;#xe658;</div>
163
+ </li>
164
+
165
+ <li class="dib">
166
+ <span class="icon iconfont">&#xe659;</span>
167
+ <div class="name">飙升商品找蓝海</div>
168
+ <div class="code-name">&amp;#xe659;</div>
169
+ </li>
170
+
171
+ <li class="dib">
172
+ <span class="icon iconfont">&#xe674;</span>
173
+ <div class="name">全维度竞品差异分析</div>
174
+ <div class="code-name">&amp;#xe674;</div>
175
+ </li>
176
+
177
+ <li class="dib">
178
+ <span class="icon iconfont">&#xe672;</span>
179
+ <div class="name">查看大图</div>
180
+ <div class="code-name">&amp;#xe672;</div>
181
+ </li>
182
+
183
+ <li class="dib">
184
+ <span class="icon iconfont">&#xe673;</span>
185
+ <div class="name">下载</div>
186
+ <div class="code-name">&amp;#xe673;</div>
187
+ </li>
188
+
189
+ <li class="dib">
190
+ <span class="icon iconfont">&#xe671;</span>
191
+ <div class="name">相机</div>
192
+ <div class="code-name">&amp;#xe671;</div>
193
+ </li>
194
+
195
+ <li class="dib">
196
+ <span class="icon iconfont">&#xe66c;</span>
197
+ <div class="name">加</div>
198
+ <div class="code-name">&amp;#xe66c;</div>
199
+ </li>
200
+
201
+ <li class="dib">
202
+ <span class="icon iconfont">&#xe66d;</span>
203
+ <div class="name">下载</div>
204
+ <div class="code-name">&amp;#xe66d;</div>
205
+ </li>
206
+
207
+ <li class="dib">
208
+ <span class="icon iconfont">&#xe66e;</span>
209
+ <div class="name">切换-上一张</div>
210
+ <div class="code-name">&amp;#xe66e;</div>
211
+ </li>
212
+
213
+ <li class="dib">
214
+ <span class="icon iconfont">&#xe66f;</span>
215
+ <div class="name">切换-上一张-1</div>
216
+ <div class="code-name">&amp;#xe66f;</div>
217
+ </li>
218
+
219
+ <li class="dib">
220
+ <span class="icon iconfont">&#xe670;</span>
221
+ <div class="name">减</div>
222
+ <div class="code-name">&amp;#xe670;</div>
223
+ </li>
224
+
225
+ <li class="dib">
226
+ <span class="icon iconfont">&#xe66a;</span>
227
+ <div class="name">退出登录</div>
228
+ <div class="code-name">&amp;#xe66a;</div>
229
+ </li>
230
+
231
+ <li class="dib">
232
+ <span class="icon iconfont">&#xe66b;</span>
233
+ <div class="name">编辑资料</div>
234
+ <div class="code-name">&amp;#xe66b;</div>
235
+ </li>
236
+
237
+ <li class="dib">
238
+ <span class="icon iconfont">&#xe669;</span>
239
+ <div class="name">切换账号</div>
240
+ <div class="code-name">&amp;#xe669;</div>
241
+ </li>
242
+
243
+ <li class="dib">
244
+ <span class="icon iconfont">&#xe668;</span>
245
+ <div class="name">积分</div>
246
+ <div class="code-name">&amp;#xe668;</div>
247
+ </li>
248
+
249
+ <li class="dib">
250
+ <span class="icon iconfont">&#xe667;</span>
251
+ <div class="name">AIGC积分</div>
252
+ <div class="code-name">&amp;#xe667;</div>
253
+ </li>
254
+
255
+ <li class="dib">
256
+ <span class="icon iconfont">&#xe662;</span>
257
+ <div class="name">AI试衣</div>
258
+ <div class="code-name">&amp;#xe662;</div>
259
+ </li>
260
+
261
+ <li class="dib">
262
+ <span class="icon iconfont">&#xe663;</span>
263
+ <div class="name">试穿模板</div>
264
+ <div class="code-name">&amp;#xe663;</div>
265
+ </li>
266
+
267
+ <li class="dib">
268
+ <span class="icon iconfont">&#xe664;</span>
269
+ <div class="name">选择场景</div>
270
+ <div class="code-name">&amp;#xe664;</div>
271
+ </li>
272
+
273
+ <li class="dib">
274
+ <span class="icon iconfont">&#xe665;</span>
275
+ <div class="name">替换模特</div>
276
+ <div class="code-name">&amp;#xe665;</div>
277
+ </li>
278
+
279
+ <li class="dib">
280
+ <span class="icon iconfont">&#xe666;</span>
281
+ <div class="name">AI场景</div>
282
+ <div class="code-name">&amp;#xe666;</div>
283
+ </li>
284
+
285
+ <li class="dib">
286
+ <span class="icon iconfont">&#xe65f;</span>
287
+ <div class="name">收起</div>
288
+ <div class="code-name">&amp;#xe65f;</div>
289
+ </li>
290
+
291
+ <li class="dib">
292
+ <span class="icon iconfont">&#xe661;</span>
293
+ <div class="name">展开</div>
294
+ <div class="code-name">&amp;#xe661;</div>
295
+ </li>
296
+
297
+ <li class="dib">
298
+ <span class="icon iconfont">&#xe660;</span>
299
+ <div class="name">新建对话</div>
300
+ <div class="code-name">&amp;#xe660;</div>
301
+ </li>
302
+
303
+ <li class="dib">
304
+ <span class="icon iconfont">&#xe65e;</span>
305
+ <div class="name">全局提示-正确</div>
306
+ <div class="code-name">&amp;#xe65e;</div>
307
+ </li>
308
+
309
+ <li class="dib">
310
+ <span class="icon iconfont">&#xe65c;</span>
311
+ <div class="name">张数</div>
312
+ <div class="code-name">&amp;#xe65c;</div>
313
+ </li>
314
+
315
+ <li class="dib">
316
+ <span class="icon iconfont">&#xe65d;</span>
317
+ <div class="name">比例_21_9</div>
318
+ <div class="code-name">&amp;#xe65d;</div>
319
+ </li>
320
+
321
+ <li class="dib">
322
+ <span class="icon iconfont">&#xe65a;</span>
323
+ <div class="name">文生图</div>
324
+ <div class="code-name">&amp;#xe65a;</div>
325
+ </li>
326
+
327
+ <li class="dib">
328
+ <span class="icon iconfont">&#xe65b;</span>
329
+ <div class="name">AI生图</div>
330
+ <div class="code-name">&amp;#xe65b;</div>
331
+ </li>
332
+
333
+ <li class="dib">
334
+ <span class="icon iconfont">&#xe652;</span>
335
+ <div class="name">条形图</div>
336
+ <div class="code-name">&amp;#xe652;</div>
337
+ </li>
338
+
339
+ <li class="dib">
340
+ <span class="icon iconfont">&#xe653;</span>
341
+ <div class="name">环形图</div>
342
+ <div class="code-name">&amp;#xe653;</div>
343
+ </li>
344
+
345
+ <li class="dib">
346
+ <span class="icon iconfont">&#xe64d;</span>
347
+ <div class="name">链接</div>
348
+ <div class="code-name">&amp;#xe64d;</div>
349
+ </li>
350
+
351
+ <li class="dib">
352
+ <span class="icon iconfont">&#xe64e;</span>
353
+ <div class="name">必填</div>
354
+ <div class="code-name">&amp;#xe64e;</div>
355
+ </li>
356
+
357
+ <li class="dib">
358
+ <span class="icon iconfont">&#xe64f;</span>
359
+ <div class="name">上传</div>
360
+ <div class="code-name">&amp;#xe64f;</div>
361
+ </li>
362
+
363
+ <li class="dib">
364
+ <span class="icon iconfont">&#xe650;</span>
365
+ <div class="name">提示</div>
366
+ <div class="code-name">&amp;#xe650;</div>
367
+ </li>
368
+
369
+ <li class="dib">
370
+ <span class="icon iconfont">&#xe651;</span>
371
+ <div class="name">关闭智能体</div>
372
+ <div class="code-name">&amp;#xe651;</div>
373
+ </li>
374
+
375
+ <li class="dib">
376
+ <span class="icon iconfont">&#xe64b;</span>
377
+ <div class="name">智能体</div>
378
+ <div class="code-name">&amp;#xe64b;</div>
379
+ </li>
380
+
381
+ <li class="dib">
382
+ <span class="icon iconfont">&#xe64c;</span>
383
+ <div class="name">exl文件</div>
384
+ <div class="code-name">&amp;#xe64c;</div>
385
+ </li>
386
+
387
+ <li class="dib">
388
+ <span class="icon iconfont">&#xe649;</span>
389
+ <div class="name">重新上传</div>
390
+ <div class="code-name">&amp;#xe649;</div>
391
+ </li>
392
+
393
+ <li class="dib">
394
+ <span class="icon iconfont">&#xe64a;</span>
395
+ <div class="name">开始播放</div>
396
+ <div class="code-name">&amp;#xe64a;</div>
397
+ </li>
398
+
399
+ <li class="dib">
400
+ <span class="icon iconfont">&#xe648;</span>
401
+ <div class="name">成功提示</div>
402
+ <div class="code-name">&amp;#xe648;</div>
403
+ </li>
404
+
405
+ <li class="dib">
406
+ <span class="icon iconfont">&#xe63c;</span>
407
+ <div class="name">收藏-选中</div>
408
+ <div class="code-name">&amp;#xe63c;</div>
409
+ </li>
410
+
411
+ <li class="dib">
412
+ <span class="icon iconfont">&#xe63d;</span>
413
+ <div class="name">下载</div>
414
+ <div class="code-name">&amp;#xe63d;</div>
415
+ </li>
416
+
417
+ <li class="dib">
418
+ <span class="icon iconfont">&#xe63f;</span>
419
+ <div class="name">删除</div>
420
+ <div class="code-name">&amp;#xe63f;</div>
421
+ </li>
422
+
423
+ <li class="dib">
424
+ <span class="icon iconfont">&#xe640;</span>
425
+ <div class="name">比例_4_3</div>
426
+ <div class="code-name">&amp;#xe640;</div>
427
+ </li>
428
+
429
+ <li class="dib">
430
+ <span class="icon iconfont">&#xe641;</span>
431
+ <div class="name">复制</div>
432
+ <div class="code-name">&amp;#xe641;</div>
433
+ </li>
434
+
435
+ <li class="dib">
436
+ <span class="icon iconfont">&#xe642;</span>
437
+ <div class="name">比例_3_4</div>
438
+ <div class="code-name">&amp;#xe642;</div>
439
+ </li>
440
+
441
+ <li class="dib">
442
+ <span class="icon iconfont">&#xe643;</span>
443
+ <div class="name">比例_9_16</div>
444
+ <div class="code-name">&amp;#xe643;</div>
445
+ </li>
446
+
447
+ <li class="dib">
448
+ <span class="icon iconfont">&#xe644;</span>
449
+ <div class="name">比例_2_3</div>
450
+ <div class="code-name">&amp;#xe644;</div>
451
+ </li>
452
+
453
+ <li class="dib">
454
+ <span class="icon iconfont">&#xe645;</span>
455
+ <div class="name">比例_16_9</div>
456
+ <div class="code-name">&amp;#xe645;</div>
457
+ </li>
458
+
459
+ <li class="dib">
460
+ <span class="icon iconfont">&#xe646;</span>
461
+ <div class="name">比例_3_2</div>
462
+ <div class="code-name">&amp;#xe646;</div>
463
+ </li>
464
+
465
+ <li class="dib">
466
+ <span class="icon iconfont">&#xe647;</span>
467
+ <div class="name">比例_1_1</div>
468
+ <div class="code-name">&amp;#xe647;</div>
469
+ </li>
470
+
471
+ <li class="dib">
472
+ <span class="icon iconfont">&#xe63a;</span>
473
+ <div class="name">收藏-未选中</div>
474
+ <div class="code-name">&amp;#xe63a;</div>
475
+ </li>
476
+
477
+ <li class="dib">
478
+ <span class="icon iconfont">&#xe63b;</span>
479
+ <div class="name">分享</div>
480
+ <div class="code-name">&amp;#xe63b;</div>
481
+ </li>
482
+
483
+ <li class="dib">
484
+ <span class="icon iconfont">&#xe638;</span>
485
+ <div class="name">分享链接</div>
486
+ <div class="code-name">&amp;#xe638;</div>
487
+ </li>
488
+
489
+ <li class="dib">
490
+ <span class="icon iconfont">&#xe639;</span>
491
+ <div class="name">下载列表</div>
492
+ <div class="code-name">&amp;#xe639;</div>
493
+ </li>
494
+
495
+ <li class="dib">
496
+ <span class="icon iconfont">&#xe601;</span>
497
+ <div class="name">提交</div>
498
+ <div class="code-name">&amp;#xe601;</div>
499
+ </li>
500
+
501
+ <li class="dib">
502
+ <span class="icon iconfont">&#xe7d9;</span>
503
+ <div class="name">新建对话</div>
504
+ <div class="code-name">&amp;#xe7d9;</div>
505
+ </li>
506
+
507
+ <li class="dib">
508
+ <span class="icon iconfont">&#xe600;</span>
509
+ <div class="name">深度思考-copy-copy</div>
510
+ <div class="code-name">&amp;#xe600;</div>
511
+ </li>
512
+
513
+ <li class="dib">
514
+ <span class="icon iconfont">&#xe635;</span>
515
+ <div class="name">AI-发起新对话</div>
516
+ <div class="code-name">&amp;#xe635;</div>
517
+ </li>
518
+
519
+ <li class="dib">
520
+ <span class="icon iconfont">&#xe636;</span>
521
+ <div class="name">AI对话-展开</div>
522
+ <div class="code-name">&amp;#xe636;</div>
523
+ </li>
524
+
525
+ <li class="dib">
526
+ <span class="icon iconfont">&#xe637;</span>
527
+ <div class="name">AI对话-收起</div>
528
+ <div class="code-name">&amp;#xe637;</div>
529
+ </li>
530
+
531
+ <li class="dib">
532
+ <span class="icon iconfont">&#xe634;</span>
533
+ <div class="name">发送</div>
534
+ <div class="code-name">&amp;#xe634;</div>
535
+ </li>
536
+
537
+ <li class="dib">
538
+ <span class="icon iconfont">&#xe610;</span>
539
+ <div class="name">收藏管理</div>
540
+ <div class="code-name">&amp;#xe610;</div>
541
+ </li>
542
+
543
+ <li class="dib">
544
+ <span class="icon iconfont">&#xe632;</span>
545
+ <div class="name">全部应用</div>
546
+ <div class="code-name">&amp;#xe632;</div>
547
+ </li>
548
+
549
+ <li class="dib">
550
+ <span class="icon iconfont">&#xe633;</span>
551
+ <div class="name">组织管理</div>
552
+ <div class="code-name">&amp;#xe633;</div>
553
+ </li>
554
+
555
+ <li class="dib">
556
+ <span class="icon iconfont">&#xe7dc;</span>
557
+ <div class="name">折叠</div>
558
+ <div class="code-name">&amp;#xe7dc;</div>
559
+ </li>
560
+
561
+ <li class="dib">
562
+ <span class="icon iconfont">&#xe63e;</span>
563
+ <div class="name">展开</div>
564
+ <div class="code-name">&amp;#xe63e;</div>
565
+ </li>
566
+
567
+ <li class="dib">
568
+ <span class="icon iconfont">&#xe603;</span>
569
+ <div class="name">未全选</div>
570
+ <div class="code-name">&amp;#xe603;</div>
571
+ </li>
572
+
573
+ <li class="dib">
574
+ <span class="icon iconfont">&#xe604;</span>
575
+ <div class="name">刷新</div>
576
+ <div class="code-name">&amp;#xe604;</div>
577
+ </li>
578
+
579
+ <li class="dib">
580
+ <span class="icon iconfont">&#xe630;</span>
581
+ <div class="name">宫格视图</div>
582
+ <div class="code-name">&amp;#xe630;</div>
583
+ </li>
584
+
585
+ <li class="dib">
586
+ <span class="icon iconfont">&#xe602;</span>
587
+ <div class="name">图生视频</div>
588
+ <div class="code-name">&amp;#xe602;</div>
589
+ </li>
590
+
591
+ <li class="dib">
592
+ <span class="icon iconfont">&#xe631;</span>
593
+ <div class="name">16_9</div>
594
+ <div class="code-name">&amp;#xe631;</div>
595
+ </li>
596
+
597
+ <li class="dib">
598
+ <span class="icon iconfont">&#xe620;</span>
599
+ <div class="name">数据看板</div>
600
+ <div class="code-name">&amp;#xe620;</div>
601
+ </li>
602
+
603
+ <li class="dib">
604
+ <span class="icon iconfont">&#xe621;</span>
605
+ <div class="name">推广分析</div>
606
+ <div class="code-name">&amp;#xe621;</div>
607
+ </li>
608
+
609
+ <li class="dib">
610
+ <span class="icon iconfont">&#xe605;</span>
611
+ <div class="name">刷新</div>
612
+ <div class="code-name">&amp;#xe605;</div>
613
+ </li>
614
+
615
+ <li class="dib">
616
+ <span class="icon iconfont">&#xe622;</span>
617
+ <div class="name">勾选</div>
618
+ <div class="code-name">&amp;#xe622;</div>
619
+ </li>
620
+
621
+ <li class="dib">
622
+ <span class="icon iconfont">&#xe623;</span>
623
+ <div class="name">模型</div>
624
+ <div class="code-name">&amp;#xe623;</div>
625
+ </li>
626
+
627
+ <li class="dib">
628
+ <span class="icon iconfont">&#xe624;</span>
629
+ <div class="name">退出批量操作</div>
630
+ <div class="code-name">&amp;#xe624;</div>
631
+ </li>
632
+
633
+ <li class="dib">
634
+ <span class="icon iconfont">&#xe625;</span>
635
+ <div class="name">全屏</div>
636
+ <div class="code-name">&amp;#xe625;</div>
637
+ </li>
638
+
639
+ <li class="dib">
640
+ <span class="icon iconfont">&#xe626;</span>
641
+ <div class="name">9_16</div>
642
+ <div class="code-name">&amp;#xe626;</div>
643
+ </li>
644
+
645
+ <li class="dib">
646
+ <span class="icon iconfont">&#xe627;</span>
647
+ <div class="name">未全选</div>
648
+ <div class="code-name">&amp;#xe627;</div>
649
+ </li>
650
+
651
+ <li class="dib">
652
+ <span class="icon iconfont">&#xe628;</span>
653
+ <div class="name">分辨率</div>
654
+ <div class="code-name">&amp;#xe628;</div>
655
+ </li>
656
+
657
+ <li class="dib">
658
+ <span class="icon iconfont">&#xe629;</span>
659
+ <div class="name">批量选择</div>
660
+ <div class="code-name">&amp;#xe629;</div>
661
+ </li>
662
+
663
+ <li class="dib">
664
+ <span class="icon iconfont">&#xe62a;</span>
665
+ <div class="name">待勾选</div>
666
+ <div class="code-name">&amp;#xe62a;</div>
667
+ </li>
668
+
669
+ <li class="dib">
670
+ <span class="icon iconfont">&#xe62b;</span>
671
+ <div class="name">收藏</div>
672
+ <div class="code-name">&amp;#xe62b;</div>
673
+ </li>
674
+
675
+ <li class="dib">
676
+ <span class="icon iconfont">&#xe62c;</span>
677
+ <div class="name">关闭</div>
678
+ <div class="code-name">&amp;#xe62c;</div>
679
+ </li>
680
+
681
+ <li class="dib">
682
+ <span class="icon iconfont">&#xe62d;</span>
683
+ <div class="name">风格</div>
684
+ <div class="code-name">&amp;#xe62d;</div>
685
+ </li>
686
+
687
+ <li class="dib">
688
+ <span class="icon iconfont">&#xe62e;</span>
689
+ <div class="name">首页</div>
690
+ <div class="code-name">&amp;#xe62e;</div>
691
+ </li>
692
+
693
+ <li class="dib">
694
+ <span class="icon iconfont">&#xe62f;</span>
695
+ <div class="name">1_1</div>
696
+ <div class="code-name">&amp;#xe62f;</div>
697
+ </li>
698
+
699
+ <li class="dib">
700
+ <span class="icon iconfont">&#xe60b;</span>
701
+ <div class="name">宫格视图</div>
702
+ <div class="code-name">&amp;#xe60b;</div>
703
+ </li>
704
+
705
+ <li class="dib">
706
+ <span class="icon iconfont">&#xe60c;</span>
707
+ <div class="name">AI创作</div>
708
+ <div class="code-name">&amp;#xe60c;</div>
709
+ </li>
710
+
711
+ <li class="dib">
712
+ <span class="icon iconfont">&#xe60d;</span>
713
+ <div class="name">播放</div>
714
+ <div class="code-name">&amp;#xe60d;</div>
715
+ </li>
716
+
717
+ <li class="dib">
718
+ <span class="icon iconfont">&#xe60e;</span>
719
+ <div class="name">更多</div>
720
+ <div class="code-name">&amp;#xe60e;</div>
721
+ </li>
722
+
723
+ <li class="dib">
724
+ <span class="icon iconfont">&#xe60f;</span>
725
+ <div class="name">AI对话</div>
726
+ <div class="code-name">&amp;#xe60f;</div>
727
+ </li>
728
+
729
+ <li class="dib">
730
+ <span class="icon iconfont">&#xe611;</span>
731
+ <div class="name">再次生成</div>
732
+ <div class="code-name">&amp;#xe611;</div>
733
+ </li>
734
+
735
+ <li class="dib">
736
+ <span class="icon iconfont">&#xe612;</span>
737
+ <div class="name">文生视频</div>
738
+ <div class="code-name">&amp;#xe612;</div>
739
+ </li>
740
+
741
+ <li class="dib">
742
+ <span class="icon iconfont">&#xe613;</span>
743
+ <div class="name">运动幅度</div>
744
+ <div class="code-name">&amp;#xe613;</div>
745
+ </li>
746
+
747
+ <li class="dib">
748
+ <span class="icon iconfont">&#xe607;</span>
749
+ <div class="name">我的作品</div>
750
+ <div class="code-name">&amp;#xe607;</div>
751
+ </li>
752
+
753
+ <li class="dib">
754
+ <span class="icon iconfont">&#xe614;</span>
755
+ <div class="name">做同款</div>
756
+ <div class="code-name">&amp;#xe614;</div>
757
+ </li>
758
+
759
+ <li class="dib">
760
+ <span class="icon iconfont">&#xe615;</span>
761
+ <div class="name">切换-上一张</div>
762
+ <div class="code-name">&amp;#xe615;</div>
763
+ </li>
764
+
765
+ <li class="dib">
766
+ <span class="icon iconfont">&#xe616;</span>
767
+ <div class="name">切换</div>
768
+ <div class="code-name">&amp;#xe616;</div>
769
+ </li>
770
+
771
+ <li class="dib">
772
+ <span class="icon iconfont">&#xe617;</span>
773
+ <div class="name">画面比例</div>
774
+ <div class="code-name">&amp;#xe617;</div>
775
+ </li>
776
+
777
+ <li class="dib">
778
+ <span class="icon iconfont">&#xe618;</span>
779
+ <div class="name">时间视图</div>
780
+ <div class="code-name">&amp;#xe618;</div>
781
+ </li>
782
+
783
+ <li class="dib">
784
+ <span class="icon iconfont">&#xe619;</span>
785
+ <div class="name">生成时长</div>
786
+ <div class="code-name">&amp;#xe619;</div>
787
+ </li>
788
+
789
+ <li class="dib">
790
+ <span class="icon iconfont">&#xe61a;</span>
791
+ <div class="name">复制</div>
792
+ <div class="code-name">&amp;#xe61a;</div>
793
+ </li>
794
+
795
+ <li class="dib">
796
+ <span class="icon iconfont">&#xe61b;</span>
797
+ <div class="name">警告</div>
798
+ <div class="code-name">&amp;#xe61b;</div>
799
+ </li>
800
+
801
+ <li class="dib">
802
+ <span class="icon iconfont">&#xe61c;</span>
803
+ <div class="name">文件夹</div>
804
+ <div class="code-name">&amp;#xe61c;</div>
805
+ </li>
806
+
807
+ <li class="dib">
808
+ <span class="icon iconfont">&#xe61d;</span>
809
+ <div class="name">切换-下一张</div>
810
+ <div class="code-name">&amp;#xe61d;</div>
811
+ </li>
812
+
813
+ <li class="dib">
814
+ <span class="icon iconfont">&#xe61e;</span>
815
+ <div class="name">新建文件夹</div>
816
+ <div class="code-name">&amp;#xe61e;</div>
817
+ </li>
818
+
819
+ <li class="dib">
820
+ <span class="icon iconfont">&#xe606;</span>
821
+ <div class="name">16_9</div>
822
+ <div class="code-name">&amp;#xe606;</div>
823
+ </li>
824
+
825
+ <li class="dib">
826
+ <span class="icon iconfont">&#xe61f;</span>
827
+ <div class="name">市场洞察</div>
828
+ <div class="code-name">&amp;#xe61f;</div>
829
+ </li>
830
+
831
+ <li class="dib">
832
+ <span class="icon iconfont">&#xe60a;</span>
833
+ <div class="name">上传</div>
834
+ <div class="code-name">&amp;#xe60a;</div>
835
+ </li>
836
+
837
+ <li class="dib">
838
+ <span class="icon iconfont">&#xe608;</span>
839
+ <div class="name">折叠</div>
840
+ <div class="code-name">&amp;#xe608;</div>
841
+ </li>
842
+
843
+ <li class="dib">
844
+ <span class="icon iconfont">&#xe609;</span>
845
+ <div class="name">AI视频</div>
846
+ <div class="code-name">&amp;#xe609;</div>
847
+ </li>
848
+
849
+ <li class="dib">
850
+ <span class="icon iconfont">&#xe7db;</span>
851
+ <div class="name">展开</div>
852
+ <div class="code-name">&amp;#xe7db;</div>
853
+ </li>
854
+
855
+ </ul>
856
+ <div class="article markdown">
857
+ <h2 id="unicode-">Unicode 引用</h2>
858
+ <hr>
859
+
860
+ <p>Unicode 是字体在网页端最原始的应用方式,特点是:</p>
861
+ <ul>
862
+ <li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
863
+ <li>默认情况下不支持多色,直接添加多色图标会自动去色。</li>
864
+ </ul>
865
+ <blockquote>
866
+ <p>注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)</p>
867
+ </blockquote>
868
+ <p>Unicode 使用步骤如下:</p>
869
+ <h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
870
+ <pre><code class="language-css"
871
+ >@font-face {
872
+ font-family: 'iconfont';
873
+ src: url('iconfont.woff2?t=1766633829341') format('woff2'),
874
+ url('iconfont.woff?t=1766633829341') format('woff'),
875
+ url('iconfont.ttf?t=1766633829341') format('truetype'),
876
+ url('iconfont.svg?t=1766633829341#iconfont') format('svg');
877
+ }
878
+ </code></pre>
879
+ <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
880
+ <pre><code class="language-css"
881
+ >.iconfont {
882
+ font-family: "iconfont" !important;
883
+ font-size: 16px;
884
+ font-style: normal;
885
+ -webkit-font-smoothing: antialiased;
886
+ -moz-osx-font-smoothing: grayscale;
887
+ }
888
+ </code></pre>
889
+ <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
890
+ <pre>
891
+ <code class="language-html"
892
+ >&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
893
+ </code></pre>
894
+ <blockquote>
895
+ <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
896
+ </blockquote>
897
+ </div>
898
+ </div>
899
+ <div class="content font-class">
900
+ <ul class="icon_lists dib-box">
901
+
902
+ <li class="dib">
903
+ <span class="icon iconfont icon-guanbizhinengti1"></span>
904
+ <div class="name">
905
+ 关闭智能体
906
+ </div>
907
+ <div class="code-name">.icon-guanbizhinengti1
908
+ </div>
909
+ </li>
910
+
911
+ <li class="dib">
912
+ <span class="icon iconfont icon-shengchengzhutu"></span>
913
+ <div class="name">
914
+ 生成主图
915
+ </div>
916
+ <div class="code-name">.icon-shengchengzhutu
917
+ </div>
918
+ </li>
919
+
920
+ <li class="dib">
921
+ <span class="icon iconfont icon-shengchengxiangqingyeshejijiaoben"></span>
922
+ <div class="name">
923
+ 生成详情页设计脚本
924
+ </div>
925
+ <div class="code-name">.icon-shengchengxiangqingyeshejijiaoben
926
+ </div>
927
+ </li>
928
+
929
+ <li class="dib">
930
+ <span class="icon iconfont icon-shengchengzhutushejijiaoben"></span>
931
+ <div class="name">
932
+ 生成主图设计脚本
933
+ </div>
934
+ <div class="code-name">.icon-shengchengzhutushejijiaoben
935
+ </div>
936
+ </li>
937
+
938
+ <li class="dib">
939
+ <span class="icon iconfont icon-shengchengxiangqingyetupian"></span>
940
+ <div class="name">
941
+ 生成详情页图片
942
+ </div>
943
+ <div class="code-name">.icon-shengchengxiangqingyetupian
944
+ </div>
945
+ </li>
946
+
947
+ <li class="dib">
948
+ <span class="icon iconfont icon-guanjiancixuqiufenxi"></span>
949
+ <div class="name">
950
+ 关键词需求分析
951
+ </div>
952
+ <div class="code-name">.icon-guanjiancixuqiufenxi
953
+ </div>
954
+ </li>
955
+
956
+ <li class="dib">
957
+ <span class="icon iconfont icon-zhengque"></span>
958
+ <div class="name">
959
+ 正确
960
+ </div>
961
+ <div class="code-name">.icon-zhengque
962
+ </div>
963
+ </li>
964
+
965
+ <li class="dib">
966
+ <span class="icon iconfont icon-shibai"></span>
967
+ <div class="name">
968
+ 失败
969
+ </div>
970
+ <div class="code-name">.icon-shibai
971
+ </div>
972
+ </li>
973
+
974
+ <li class="dib">
975
+ <span class="icon iconfont icon-jingpinzhenduan1"></span>
976
+ <div class="name">
977
+ 竞品诊断
978
+ </div>
979
+ <div class="code-name">.icon-jingpinzhenduan1
980
+ </div>
981
+ </li>
982
+
983
+ <li class="dib">
984
+ <span class="icon iconfont icon-jiazaizhong"></span>
985
+ <div class="name">
986
+ 加载中
987
+ </div>
988
+ <div class="code-name">.icon-jiazaizhong
989
+ </div>
990
+ </li>
991
+
992
+ <li class="dib">
993
+ <span class="icon iconfont icon-piliangxiazai"></span>
994
+ <div class="name">
995
+ 批量下载
996
+ </div>
997
+ <div class="code-name">.icon-piliangxiazai
998
+ </div>
999
+ </li>
1000
+
1001
+ <li class="dib">
1002
+ <span class="icon iconfont icon-jingpinzhenduan"></span>
1003
+ <div class="name">
1004
+ 竞品诊断
1005
+ </div>
1006
+ <div class="code-name">.icon-jingpinzhenduan
1007
+ </div>
1008
+ </li>
1009
+
1010
+ <li class="dib">
1011
+ <span class="icon iconfont icon-shouqi1"></span>
1012
+ <div class="name">
1013
+ 收起
1014
+ </div>
1015
+ <div class="code-name">.icon-shouqi1
1016
+ </div>
1017
+ </li>
1018
+
1019
+ <li class="dib">
1020
+ <span class="icon iconfont icon-zhankai2"></span>
1021
+ <div class="name">
1022
+ 展开
1023
+ </div>
1024
+ <div class="code-name">.icon-zhankai2
1025
+ </div>
1026
+ </li>
1027
+
1028
+ <li class="dib">
1029
+ <span class="icon iconfont icon-wendajiafenxi"></span>
1030
+ <div class="name">
1031
+ 问大家分析
1032
+ </div>
1033
+ <div class="code-name">.icon-wendajiafenxi
1034
+ </div>
1035
+ </li>
1036
+
1037
+ <li class="dib">
1038
+ <span class="icon iconfont icon-shengchengmaijiaxiu"></span>
1039
+ <div class="name">
1040
+ 生成买家秀
1041
+ </div>
1042
+ <div class="code-name">.icon-shengchengmaijiaxiu
1043
+ </div>
1044
+ </li>
1045
+
1046
+ <li class="dib">
1047
+ <span class="icon iconfont icon-guanjiancixuankuanxuanshichang"></span>
1048
+ <div class="name">
1049
+ 关键词选款选市场
1050
+ </div>
1051
+ <div class="code-name">.icon-guanjiancixuankuanxuanshichang
1052
+ </div>
1053
+ </li>
1054
+
1055
+ <li class="dib">
1056
+ <span class="icon iconfont icon-shangpinpingjiafenxi"></span>
1057
+ <div class="name">
1058
+ 商品评价分析
1059
+ </div>
1060
+ <div class="code-name">.icon-shangpinpingjiafenxi
1061
+ </div>
1062
+ </li>
1063
+
1064
+ <li class="dib">
1065
+ <span class="icon iconfont icon-biaoshengshangpinzhaolanhai"></span>
1066
+ <div class="name">
1067
+ 飙升商品找蓝海
1068
+ </div>
1069
+ <div class="code-name">.icon-biaoshengshangpinzhaolanhai
1070
+ </div>
1071
+ </li>
1072
+
1073
+ <li class="dib">
1074
+ <span class="icon iconfont icon-quanweidujingpinchayifenxi"></span>
1075
+ <div class="name">
1076
+ 全维度竞品差异分析
1077
+ </div>
1078
+ <div class="code-name">.icon-quanweidujingpinchayifenxi
1079
+ </div>
1080
+ </li>
1081
+
1082
+ <li class="dib">
1083
+ <span class="icon iconfont icon-chakandatu"></span>
1084
+ <div class="name">
1085
+ 查看大图
1086
+ </div>
1087
+ <div class="code-name">.icon-chakandatu
1088
+ </div>
1089
+ </li>
1090
+
1091
+ <li class="dib">
1092
+ <span class="icon iconfont icon-xiazai2"></span>
1093
+ <div class="name">
1094
+ 下载
1095
+ </div>
1096
+ <div class="code-name">.icon-xiazai2
1097
+ </div>
1098
+ </li>
1099
+
1100
+ <li class="dib">
1101
+ <span class="icon iconfont icon-xiangji"></span>
1102
+ <div class="name">
1103
+ 相机
1104
+ </div>
1105
+ <div class="code-name">.icon-xiangji
1106
+ </div>
1107
+ </li>
1108
+
1109
+ <li class="dib">
1110
+ <span class="icon iconfont icon-jia"></span>
1111
+ <div class="name">
1112
+
1113
+ </div>
1114
+ <div class="code-name">.icon-jia
1115
+ </div>
1116
+ </li>
1117
+
1118
+ <li class="dib">
1119
+ <span class="icon iconfont icon-xiazai1"></span>
1120
+ <div class="name">
1121
+ 下载
1122
+ </div>
1123
+ <div class="code-name">.icon-xiazai1
1124
+ </div>
1125
+ </li>
1126
+
1127
+ <li class="dib">
1128
+ <span class="icon iconfont icon-qiehuan-shangyizhang1"></span>
1129
+ <div class="name">
1130
+ 切换-上一张
1131
+ </div>
1132
+ <div class="code-name">.icon-qiehuan-shangyizhang1
1133
+ </div>
1134
+ </li>
1135
+
1136
+ <li class="dib">
1137
+ <span class="icon iconfont icon-qiehuan-shangyizhang-1"></span>
1138
+ <div class="name">
1139
+ 切换-上一张-1
1140
+ </div>
1141
+ <div class="code-name">.icon-qiehuan-shangyizhang-1
1142
+ </div>
1143
+ </li>
1144
+
1145
+ <li class="dib">
1146
+ <span class="icon iconfont icon-jian"></span>
1147
+ <div class="name">
1148
+
1149
+ </div>
1150
+ <div class="code-name">.icon-jian
1151
+ </div>
1152
+ </li>
1153
+
1154
+ <li class="dib">
1155
+ <span class="icon iconfont icon-tuichudenglu"></span>
1156
+ <div class="name">
1157
+ 退出登录
1158
+ </div>
1159
+ <div class="code-name">.icon-tuichudenglu
1160
+ </div>
1161
+ </li>
1162
+
1163
+ <li class="dib">
1164
+ <span class="icon iconfont icon-bianjiziliao"></span>
1165
+ <div class="name">
1166
+ 编辑资料
1167
+ </div>
1168
+ <div class="code-name">.icon-bianjiziliao
1169
+ </div>
1170
+ </li>
1171
+
1172
+ <li class="dib">
1173
+ <span class="icon iconfont icon-qiehuanzhanghao"></span>
1174
+ <div class="name">
1175
+ 切换账号
1176
+ </div>
1177
+ <div class="code-name">.icon-qiehuanzhanghao
1178
+ </div>
1179
+ </li>
1180
+
1181
+ <li class="dib">
1182
+ <span class="icon iconfont icon-jifen"></span>
1183
+ <div class="name">
1184
+ 积分
1185
+ </div>
1186
+ <div class="code-name">.icon-jifen
1187
+ </div>
1188
+ </li>
1189
+
1190
+ <li class="dib">
1191
+ <span class="icon iconfont icon-AIGCjifen"></span>
1192
+ <div class="name">
1193
+ AIGC积分
1194
+ </div>
1195
+ <div class="code-name">.icon-AIGCjifen
1196
+ </div>
1197
+ </li>
1198
+
1199
+ <li class="dib">
1200
+ <span class="icon iconfont icon-AIshiyi"></span>
1201
+ <div class="name">
1202
+ AI试衣
1203
+ </div>
1204
+ <div class="code-name">.icon-AIshiyi
1205
+ </div>
1206
+ </li>
1207
+
1208
+ <li class="dib">
1209
+ <span class="icon iconfont icon-shichuanmoban"></span>
1210
+ <div class="name">
1211
+ 试穿模板
1212
+ </div>
1213
+ <div class="code-name">.icon-shichuanmoban
1214
+ </div>
1215
+ </li>
1216
+
1217
+ <li class="dib">
1218
+ <span class="icon iconfont icon-xuanzechangjing"></span>
1219
+ <div class="name">
1220
+ 选择场景
1221
+ </div>
1222
+ <div class="code-name">.icon-xuanzechangjing
1223
+ </div>
1224
+ </li>
1225
+
1226
+ <li class="dib">
1227
+ <span class="icon iconfont icon-tihuanmote"></span>
1228
+ <div class="name">
1229
+ 替换模特
1230
+ </div>
1231
+ <div class="code-name">.icon-tihuanmote
1232
+ </div>
1233
+ </li>
1234
+
1235
+ <li class="dib">
1236
+ <span class="icon iconfont icon-AIchangjing"></span>
1237
+ <div class="name">
1238
+ AI场景
1239
+ </div>
1240
+ <div class="code-name">.icon-AIchangjing
1241
+ </div>
1242
+ </li>
1243
+
1244
+ <li class="dib">
1245
+ <span class="icon iconfont icon-shouqi"></span>
1246
+ <div class="name">
1247
+ 收起
1248
+ </div>
1249
+ <div class="code-name">.icon-shouqi
1250
+ </div>
1251
+ </li>
1252
+
1253
+ <li class="dib">
1254
+ <span class="icon iconfont icon-zhankai"></span>
1255
+ <div class="name">
1256
+ 展开
1257
+ </div>
1258
+ <div class="code-name">.icon-zhankai
1259
+ </div>
1260
+ </li>
1261
+
1262
+ <li class="dib">
1263
+ <span class="icon iconfont icon-xinjianduihua2"></span>
1264
+ <div class="name">
1265
+ 新建对话
1266
+ </div>
1267
+ <div class="code-name">.icon-xinjianduihua2
1268
+ </div>
1269
+ </li>
1270
+
1271
+ <li class="dib">
1272
+ <span class="icon iconfont icon-quanjutishi-zhengque"></span>
1273
+ <div class="name">
1274
+ 全局提示-正确
1275
+ </div>
1276
+ <div class="code-name">.icon-quanjutishi-zhengque
1277
+ </div>
1278
+ </li>
1279
+
1280
+ <li class="dib">
1281
+ <span class="icon iconfont icon-zhangshu"></span>
1282
+ <div class="name">
1283
+ 张数
1284
+ </div>
1285
+ <div class="code-name">.icon-zhangshu
1286
+ </div>
1287
+ </li>
1288
+
1289
+ <li class="dib">
1290
+ <span class="icon iconfont icon-bili_21_9"></span>
1291
+ <div class="name">
1292
+ 比例_21_9
1293
+ </div>
1294
+ <div class="code-name">.icon-bili_21_9
1295
+ </div>
1296
+ </li>
1297
+
1298
+ <li class="dib">
1299
+ <span class="icon iconfont icon-wenshengtu"></span>
1300
+ <div class="name">
1301
+ 文生图
1302
+ </div>
1303
+ <div class="code-name">.icon-wenshengtu
1304
+ </div>
1305
+ </li>
1306
+
1307
+ <li class="dib">
1308
+ <span class="icon iconfont icon-AIshengtu"></span>
1309
+ <div class="name">
1310
+ AI生图
1311
+ </div>
1312
+ <div class="code-name">.icon-AIshengtu
1313
+ </div>
1314
+ </li>
1315
+
1316
+ <li class="dib">
1317
+ <span class="icon iconfont icon-tiaoxingtu"></span>
1318
+ <div class="name">
1319
+ 条形图
1320
+ </div>
1321
+ <div class="code-name">.icon-tiaoxingtu
1322
+ </div>
1323
+ </li>
1324
+
1325
+ <li class="dib">
1326
+ <span class="icon iconfont icon-huanxingtu"></span>
1327
+ <div class="name">
1328
+ 环形图
1329
+ </div>
1330
+ <div class="code-name">.icon-huanxingtu
1331
+ </div>
1332
+ </li>
1333
+
1334
+ <li class="dib">
1335
+ <span class="icon iconfont icon-lianjie"></span>
1336
+ <div class="name">
1337
+ 链接
1338
+ </div>
1339
+ <div class="code-name">.icon-lianjie
1340
+ </div>
1341
+ </li>
1342
+
1343
+ <li class="dib">
1344
+ <span class="icon iconfont icon-bitian"></span>
1345
+ <div class="name">
1346
+ 必填
1347
+ </div>
1348
+ <div class="code-name">.icon-bitian
1349
+ </div>
1350
+ </li>
1351
+
1352
+ <li class="dib">
1353
+ <span class="icon iconfont icon-shangchuan1"></span>
1354
+ <div class="name">
1355
+ 上传
1356
+ </div>
1357
+ <div class="code-name">.icon-shangchuan1
1358
+ </div>
1359
+ </li>
1360
+
1361
+ <li class="dib">
1362
+ <span class="icon iconfont icon-tishi"></span>
1363
+ <div class="name">
1364
+ 提示
1365
+ </div>
1366
+ <div class="code-name">.icon-tishi
1367
+ </div>
1368
+ </li>
1369
+
1370
+ <li class="dib">
1371
+ <span class="icon iconfont icon-guanbizhinengti"></span>
1372
+ <div class="name">
1373
+ 关闭智能体
1374
+ </div>
1375
+ <div class="code-name">.icon-guanbizhinengti
1376
+ </div>
1377
+ </li>
1378
+
1379
+ <li class="dib">
1380
+ <span class="icon iconfont icon-zhinengti"></span>
1381
+ <div class="name">
1382
+ 智能体
1383
+ </div>
1384
+ <div class="code-name">.icon-zhinengti
1385
+ </div>
1386
+ </li>
1387
+
1388
+ <li class="dib">
1389
+ <span class="icon iconfont icon-exlwenjian"></span>
1390
+ <div class="name">
1391
+ exl文件
1392
+ </div>
1393
+ <div class="code-name">.icon-exlwenjian
1394
+ </div>
1395
+ </li>
1396
+
1397
+ <li class="dib">
1398
+ <span class="icon iconfont icon-zhongxinshangchuan"></span>
1399
+ <div class="name">
1400
+ 重新上传
1401
+ </div>
1402
+ <div class="code-name">.icon-zhongxinshangchuan
1403
+ </div>
1404
+ </li>
1405
+
1406
+ <li class="dib">
1407
+ <span class="icon iconfont icon-kaishibofang"></span>
1408
+ <div class="name">
1409
+ 开始播放
1410
+ </div>
1411
+ <div class="code-name">.icon-kaishibofang
1412
+ </div>
1413
+ </li>
1414
+
1415
+ <li class="dib">
1416
+ <span class="icon iconfont icon-chenggongtishi"></span>
1417
+ <div class="name">
1418
+ 成功提示
1419
+ </div>
1420
+ <div class="code-name">.icon-chenggongtishi
1421
+ </div>
1422
+ </li>
1423
+
1424
+ <li class="dib">
1425
+ <span class="icon iconfont icon-shoucang-xuanzhong"></span>
1426
+ <div class="name">
1427
+ 收藏-选中
1428
+ </div>
1429
+ <div class="code-name">.icon-shoucang-xuanzhong
1430
+ </div>
1431
+ </li>
1432
+
1433
+ <li class="dib">
1434
+ <span class="icon iconfont icon-xiazai"></span>
1435
+ <div class="name">
1436
+ 下载
1437
+ </div>
1438
+ <div class="code-name">.icon-xiazai
1439
+ </div>
1440
+ </li>
1441
+
1442
+ <li class="dib">
1443
+ <span class="icon iconfont icon-shanchu"></span>
1444
+ <div class="name">
1445
+ 删除
1446
+ </div>
1447
+ <div class="code-name">.icon-shanchu
1448
+ </div>
1449
+ </li>
1450
+
1451
+ <li class="dib">
1452
+ <span class="icon iconfont icon-bili_4_3"></span>
1453
+ <div class="name">
1454
+ 比例_4_3
1455
+ </div>
1456
+ <div class="code-name">.icon-bili_4_3
1457
+ </div>
1458
+ </li>
1459
+
1460
+ <li class="dib">
1461
+ <span class="icon iconfont icon-fuzhi1"></span>
1462
+ <div class="name">
1463
+ 复制
1464
+ </div>
1465
+ <div class="code-name">.icon-fuzhi1
1466
+ </div>
1467
+ </li>
1468
+
1469
+ <li class="dib">
1470
+ <span class="icon iconfont icon-bili_3_4"></span>
1471
+ <div class="name">
1472
+ 比例_3_4
1473
+ </div>
1474
+ <div class="code-name">.icon-bili_3_4
1475
+ </div>
1476
+ </li>
1477
+
1478
+ <li class="dib">
1479
+ <span class="icon iconfont icon-bili_9_16"></span>
1480
+ <div class="name">
1481
+ 比例_9_16
1482
+ </div>
1483
+ <div class="code-name">.icon-bili_9_16
1484
+ </div>
1485
+ </li>
1486
+
1487
+ <li class="dib">
1488
+ <span class="icon iconfont icon-bili_2_3"></span>
1489
+ <div class="name">
1490
+ 比例_2_3
1491
+ </div>
1492
+ <div class="code-name">.icon-bili_2_3
1493
+ </div>
1494
+ </li>
1495
+
1496
+ <li class="dib">
1497
+ <span class="icon iconfont icon-bili_16_9"></span>
1498
+ <div class="name">
1499
+ 比例_16_9
1500
+ </div>
1501
+ <div class="code-name">.icon-bili_16_9
1502
+ </div>
1503
+ </li>
1504
+
1505
+ <li class="dib">
1506
+ <span class="icon iconfont icon-bili_3_2"></span>
1507
+ <div class="name">
1508
+ 比例_3_2
1509
+ </div>
1510
+ <div class="code-name">.icon-bili_3_2
1511
+ </div>
1512
+ </li>
1513
+
1514
+ <li class="dib">
1515
+ <span class="icon iconfont icon-bili_1_1"></span>
1516
+ <div class="name">
1517
+ 比例_1_1
1518
+ </div>
1519
+ <div class="code-name">.icon-bili_1_1
1520
+ </div>
1521
+ </li>
1522
+
1523
+ <li class="dib">
1524
+ <span class="icon iconfont icon-shoucang-weixuanzhong"></span>
1525
+ <div class="name">
1526
+ 收藏-未选中
1527
+ </div>
1528
+ <div class="code-name">.icon-shoucang-weixuanzhong
1529
+ </div>
1530
+ </li>
1531
+
1532
+ <li class="dib">
1533
+ <span class="icon iconfont icon-fenxiang"></span>
1534
+ <div class="name">
1535
+ 分享
1536
+ </div>
1537
+ <div class="code-name">.icon-fenxiang
1538
+ </div>
1539
+ </li>
1540
+
1541
+ <li class="dib">
1542
+ <span class="icon iconfont icon-fenxianglianjie"></span>
1543
+ <div class="name">
1544
+ 分享链接
1545
+ </div>
1546
+ <div class="code-name">.icon-fenxianglianjie
1547
+ </div>
1548
+ </li>
1549
+
1550
+ <li class="dib">
1551
+ <span class="icon iconfont icon-xiazailiebiao"></span>
1552
+ <div class="name">
1553
+ 下载列表
1554
+ </div>
1555
+ <div class="code-name">.icon-xiazailiebiao
1556
+ </div>
1557
+ </li>
1558
+
1559
+ <li class="dib">
1560
+ <span class="icon iconfont icon-Vector"></span>
1561
+ <div class="name">
1562
+ 提交
1563
+ </div>
1564
+ <div class="code-name">.icon-Vector
1565
+ </div>
1566
+ </li>
1567
+
1568
+ <li class="dib">
1569
+ <span class="icon iconfont icon-xinjianduihua"></span>
1570
+ <div class="name">
1571
+ 新建对话
1572
+ </div>
1573
+ <div class="code-name">.icon-xinjianduihua
1574
+ </div>
1575
+ </li>
1576
+
1577
+ <li class="dib">
1578
+ <span class="icon iconfont icon-shendusikao1"></span>
1579
+ <div class="name">
1580
+ 深度思考-copy-copy
1581
+ </div>
1582
+ <div class="code-name">.icon-shendusikao1
1583
+ </div>
1584
+ </li>
1585
+
1586
+ <li class="dib">
1587
+ <span class="icon iconfont icon-AI-faqixinduihua"></span>
1588
+ <div class="name">
1589
+ AI-发起新对话
1590
+ </div>
1591
+ <div class="code-name">.icon-AI-faqixinduihua
1592
+ </div>
1593
+ </li>
1594
+
1595
+ <li class="dib">
1596
+ <span class="icon iconfont icon-AIduihua-zhankai"></span>
1597
+ <div class="name">
1598
+ AI对话-展开
1599
+ </div>
1600
+ <div class="code-name">.icon-AIduihua-zhankai
1601
+ </div>
1602
+ </li>
1603
+
1604
+ <li class="dib">
1605
+ <span class="icon iconfont icon-AIduihua-shouqi"></span>
1606
+ <div class="name">
1607
+ AI对话-收起
1608
+ </div>
1609
+ <div class="code-name">.icon-AIduihua-shouqi
1610
+ </div>
1611
+ </li>
1612
+
1613
+ <li class="dib">
1614
+ <span class="icon iconfont icon-fasong"></span>
1615
+ <div class="name">
1616
+ 发送
1617
+ </div>
1618
+ <div class="code-name">.icon-fasong
1619
+ </div>
1620
+ </li>
1621
+
1622
+ <li class="dib">
1623
+ <span class="icon iconfont icon-shoucangguanli"></span>
1624
+ <div class="name">
1625
+ 收藏管理
1626
+ </div>
1627
+ <div class="code-name">.icon-shoucangguanli
1628
+ </div>
1629
+ </li>
1630
+
1631
+ <li class="dib">
1632
+ <span class="icon iconfont icon-quanbuyingyong"></span>
1633
+ <div class="name">
1634
+ 全部应用
1635
+ </div>
1636
+ <div class="code-name">.icon-quanbuyingyong
1637
+ </div>
1638
+ </li>
1639
+
1640
+ <li class="dib">
1641
+ <span class="icon iconfont icon-zuzhiguanli"></span>
1642
+ <div class="name">
1643
+ 组织管理
1644
+ </div>
1645
+ <div class="code-name">.icon-zuzhiguanli
1646
+ </div>
1647
+ </li>
1648
+
1649
+ <li class="dib">
1650
+ <span class="icon iconfont icon-zhankai1-copy"></span>
1651
+ <div class="name">
1652
+ 折叠
1653
+ </div>
1654
+ <div class="code-name">.icon-zhankai1-copy
1655
+ </div>
1656
+ </li>
1657
+
1658
+ <li class="dib">
1659
+ <span class="icon iconfont icon-zhankai1"></span>
1660
+ <div class="name">
1661
+ 展开
1662
+ </div>
1663
+ <div class="code-name">.icon-zhankai1
1664
+ </div>
1665
+ </li>
1666
+
1667
+ <li class="dib">
1668
+ <span class="icon iconfont icon-weiquanxuan1"></span>
1669
+ <div class="name">
1670
+ 未全选
1671
+ </div>
1672
+ <div class="code-name">.icon-weiquanxuan1
1673
+ </div>
1674
+ </li>
1675
+
1676
+ <li class="dib">
1677
+ <span class="icon iconfont icon-shuaxin1"></span>
1678
+ <div class="name">
1679
+ 刷新
1680
+ </div>
1681
+ <div class="code-name">.icon-shuaxin1
1682
+ </div>
1683
+ </li>
1684
+
1685
+ <li class="dib">
1686
+ <span class="icon iconfont icon-gonggeshitu1"></span>
1687
+ <div class="name">
1688
+ 宫格视图
1689
+ </div>
1690
+ <div class="code-name">.icon-gonggeshitu1
1691
+ </div>
1692
+ </li>
1693
+
1694
+ <li class="dib">
1695
+ <span class="icon iconfont icon-tushengshipin1"></span>
1696
+ <div class="name">
1697
+ 图生视频
1698
+ </div>
1699
+ <div class="code-name">.icon-tushengshipin1
1700
+ </div>
1701
+ </li>
1702
+
1703
+ <li class="dib">
1704
+ <span class="icon iconfont icon-a-16_91"></span>
1705
+ <div class="name">
1706
+ 16_9
1707
+ </div>
1708
+ <div class="code-name">.icon-a-16_91
1709
+ </div>
1710
+ </li>
1711
+
1712
+ <li class="dib">
1713
+ <span class="icon iconfont icon-shujukanban"></span>
1714
+ <div class="name">
1715
+ 数据看板
1716
+ </div>
1717
+ <div class="code-name">.icon-shujukanban
1718
+ </div>
1719
+ </li>
1720
+
1721
+ <li class="dib">
1722
+ <span class="icon iconfont icon-tuiguangfenxi"></span>
1723
+ <div class="name">
1724
+ 推广分析
1725
+ </div>
1726
+ <div class="code-name">.icon-tuiguangfenxi
1727
+ </div>
1728
+ </li>
1729
+
1730
+ <li class="dib">
1731
+ <span class="icon iconfont icon-shuaxin"></span>
1732
+ <div class="name">
1733
+ 刷新
1734
+ </div>
1735
+ <div class="code-name">.icon-shuaxin
1736
+ </div>
1737
+ </li>
1738
+
1739
+ <li class="dib">
1740
+ <span class="icon iconfont icon-gouxuan"></span>
1741
+ <div class="name">
1742
+ 勾选
1743
+ </div>
1744
+ <div class="code-name">.icon-gouxuan
1745
+ </div>
1746
+ </li>
1747
+
1748
+ <li class="dib">
1749
+ <span class="icon iconfont icon-moxing"></span>
1750
+ <div class="name">
1751
+ 模型
1752
+ </div>
1753
+ <div class="code-name">.icon-moxing
1754
+ </div>
1755
+ </li>
1756
+
1757
+ <li class="dib">
1758
+ <span class="icon iconfont icon-tuichupiliangcaozuo"></span>
1759
+ <div class="name">
1760
+ 退出批量操作
1761
+ </div>
1762
+ <div class="code-name">.icon-tuichupiliangcaozuo
1763
+ </div>
1764
+ </li>
1765
+
1766
+ <li class="dib">
1767
+ <span class="icon iconfont icon-quanping"></span>
1768
+ <div class="name">
1769
+ 全屏
1770
+ </div>
1771
+ <div class="code-name">.icon-quanping
1772
+ </div>
1773
+ </li>
1774
+
1775
+ <li class="dib">
1776
+ <span class="icon iconfont icon-a-9_16"></span>
1777
+ <div class="name">
1778
+ 9_16
1779
+ </div>
1780
+ <div class="code-name">.icon-a-9_16
1781
+ </div>
1782
+ </li>
1783
+
1784
+ <li class="dib">
1785
+ <span class="icon iconfont icon-weiquanxuan"></span>
1786
+ <div class="name">
1787
+ 未全选
1788
+ </div>
1789
+ <div class="code-name">.icon-weiquanxuan
1790
+ </div>
1791
+ </li>
1792
+
1793
+ <li class="dib">
1794
+ <span class="icon iconfont icon-fenbianshuai"></span>
1795
+ <div class="name">
1796
+ 分辨率
1797
+ </div>
1798
+ <div class="code-name">.icon-fenbianshuai
1799
+ </div>
1800
+ </li>
1801
+
1802
+ <li class="dib">
1803
+ <span class="icon iconfont icon-piliangxuanze"></span>
1804
+ <div class="name">
1805
+ 批量选择
1806
+ </div>
1807
+ <div class="code-name">.icon-piliangxuanze
1808
+ </div>
1809
+ </li>
1810
+
1811
+ <li class="dib">
1812
+ <span class="icon iconfont icon-daigouxuan"></span>
1813
+ <div class="name">
1814
+ 待勾选
1815
+ </div>
1816
+ <div class="code-name">.icon-daigouxuan
1817
+ </div>
1818
+ </li>
1819
+
1820
+ <li class="dib">
1821
+ <span class="icon iconfont icon-shoucang"></span>
1822
+ <div class="name">
1823
+ 收藏
1824
+ </div>
1825
+ <div class="code-name">.icon-shoucang
1826
+ </div>
1827
+ </li>
1828
+
1829
+ <li class="dib">
1830
+ <span class="icon iconfont icon-guanbi"></span>
1831
+ <div class="name">
1832
+ 关闭
1833
+ </div>
1834
+ <div class="code-name">.icon-guanbi
1835
+ </div>
1836
+ </li>
1837
+
1838
+ <li class="dib">
1839
+ <span class="icon iconfont icon-fengge"></span>
1840
+ <div class="name">
1841
+ 风格
1842
+ </div>
1843
+ <div class="code-name">.icon-fengge
1844
+ </div>
1845
+ </li>
1846
+
1847
+ <li class="dib">
1848
+ <span class="icon iconfont icon-shouye"></span>
1849
+ <div class="name">
1850
+ 首页
1851
+ </div>
1852
+ <div class="code-name">.icon-shouye
1853
+ </div>
1854
+ </li>
1855
+
1856
+ <li class="dib">
1857
+ <span class="icon iconfont icon-a-1_1"></span>
1858
+ <div class="name">
1859
+ 1_1
1860
+ </div>
1861
+ <div class="code-name">.icon-a-1_1
1862
+ </div>
1863
+ </li>
1864
+
1865
+ <li class="dib">
1866
+ <span class="icon iconfont icon-gonggeshitu"></span>
1867
+ <div class="name">
1868
+ 宫格视图
1869
+ </div>
1870
+ <div class="code-name">.icon-gonggeshitu
1871
+ </div>
1872
+ </li>
1873
+
1874
+ <li class="dib">
1875
+ <span class="icon iconfont icon-AIchuangzuo"></span>
1876
+ <div class="name">
1877
+ AI创作
1878
+ </div>
1879
+ <div class="code-name">.icon-AIchuangzuo
1880
+ </div>
1881
+ </li>
1882
+
1883
+ <li class="dib">
1884
+ <span class="icon iconfont icon-bofang"></span>
1885
+ <div class="name">
1886
+ 播放
1887
+ </div>
1888
+ <div class="code-name">.icon-bofang
1889
+ </div>
1890
+ </li>
1891
+
1892
+ <li class="dib">
1893
+ <span class="icon iconfont icon-gengduo"></span>
1894
+ <div class="name">
1895
+ 更多
1896
+ </div>
1897
+ <div class="code-name">.icon-gengduo
1898
+ </div>
1899
+ </li>
1900
+
1901
+ <li class="dib">
1902
+ <span class="icon iconfont icon-AIduihua"></span>
1903
+ <div class="name">
1904
+ AI对话
1905
+ </div>
1906
+ <div class="code-name">.icon-AIduihua
1907
+ </div>
1908
+ </li>
1909
+
1910
+ <li class="dib">
1911
+ <span class="icon iconfont icon-zaicishengcheng"></span>
1912
+ <div class="name">
1913
+ 再次生成
1914
+ </div>
1915
+ <div class="code-name">.icon-zaicishengcheng
1916
+ </div>
1917
+ </li>
1918
+
1919
+ <li class="dib">
1920
+ <span class="icon iconfont icon-wenshengshipin"></span>
1921
+ <div class="name">
1922
+ 文生视频
1923
+ </div>
1924
+ <div class="code-name">.icon-wenshengshipin
1925
+ </div>
1926
+ </li>
1927
+
1928
+ <li class="dib">
1929
+ <span class="icon iconfont icon-yundongfudu"></span>
1930
+ <div class="name">
1931
+ 运动幅度
1932
+ </div>
1933
+ <div class="code-name">.icon-yundongfudu
1934
+ </div>
1935
+ </li>
1936
+
1937
+ <li class="dib">
1938
+ <span class="icon iconfont icon-wodezuopin"></span>
1939
+ <div class="name">
1940
+ 我的作品
1941
+ </div>
1942
+ <div class="code-name">.icon-wodezuopin
1943
+ </div>
1944
+ </li>
1945
+
1946
+ <li class="dib">
1947
+ <span class="icon iconfont icon-zuotongkuan"></span>
1948
+ <div class="name">
1949
+ 做同款
1950
+ </div>
1951
+ <div class="code-name">.icon-zuotongkuan
1952
+ </div>
1953
+ </li>
1954
+
1955
+ <li class="dib">
1956
+ <span class="icon iconfont icon-qiehuan-shangyizhang"></span>
1957
+ <div class="name">
1958
+ 切换-上一张
1959
+ </div>
1960
+ <div class="code-name">.icon-qiehuan-shangyizhang
1961
+ </div>
1962
+ </li>
1963
+
1964
+ <li class="dib">
1965
+ <span class="icon iconfont icon-qiehuan"></span>
1966
+ <div class="name">
1967
+ 切换
1968
+ </div>
1969
+ <div class="code-name">.icon-qiehuan
1970
+ </div>
1971
+ </li>
1972
+
1973
+ <li class="dib">
1974
+ <span class="icon iconfont icon-huamianbili"></span>
1975
+ <div class="name">
1976
+ 画面比例
1977
+ </div>
1978
+ <div class="code-name">.icon-huamianbili
1979
+ </div>
1980
+ </li>
1981
+
1982
+ <li class="dib">
1983
+ <span class="icon iconfont icon-shijianshitu"></span>
1984
+ <div class="name">
1985
+ 时间视图
1986
+ </div>
1987
+ <div class="code-name">.icon-shijianshitu
1988
+ </div>
1989
+ </li>
1990
+
1991
+ <li class="dib">
1992
+ <span class="icon iconfont icon-shengchengshichang"></span>
1993
+ <div class="name">
1994
+ 生成时长
1995
+ </div>
1996
+ <div class="code-name">.icon-shengchengshichang
1997
+ </div>
1998
+ </li>
1999
+
2000
+ <li class="dib">
2001
+ <span class="icon iconfont icon-fuzhi"></span>
2002
+ <div class="name">
2003
+ 复制
2004
+ </div>
2005
+ <div class="code-name">.icon-fuzhi
2006
+ </div>
2007
+ </li>
2008
+
2009
+ <li class="dib">
2010
+ <span class="icon iconfont icon-jinggao"></span>
2011
+ <div class="name">
2012
+ 警告
2013
+ </div>
2014
+ <div class="code-name">.icon-jinggao
2015
+ </div>
2016
+ </li>
2017
+
2018
+ <li class="dib">
2019
+ <span class="icon iconfont icon-wenjianjia"></span>
2020
+ <div class="name">
2021
+ 文件夹
2022
+ </div>
2023
+ <div class="code-name">.icon-wenjianjia
2024
+ </div>
2025
+ </li>
2026
+
2027
+ <li class="dib">
2028
+ <span class="icon iconfont icon-qiehuan-xiayizhang"></span>
2029
+ <div class="name">
2030
+ 切换-下一张
2031
+ </div>
2032
+ <div class="code-name">.icon-qiehuan-xiayizhang
2033
+ </div>
2034
+ </li>
2035
+
2036
+ <li class="dib">
2037
+ <span class="icon iconfont icon-xinjianwenjianjia"></span>
2038
+ <div class="name">
2039
+ 新建文件夹
2040
+ </div>
2041
+ <div class="code-name">.icon-xinjianwenjianjia
2042
+ </div>
2043
+ </li>
2044
+
2045
+ <li class="dib">
2046
+ <span class="icon iconfont icon-a-16_9"></span>
2047
+ <div class="name">
2048
+ 16_9
2049
+ </div>
2050
+ <div class="code-name">.icon-a-16_9
2051
+ </div>
2052
+ </li>
2053
+
2054
+ <li class="dib">
2055
+ <span class="icon iconfont icon-shichangdongcha"></span>
2056
+ <div class="name">
2057
+ 市场洞察
2058
+ </div>
2059
+ <div class="code-name">.icon-shichangdongcha
2060
+ </div>
2061
+ </li>
2062
+
2063
+ <li class="dib">
2064
+ <span class="icon iconfont icon-shangchuan"></span>
2065
+ <div class="name">
2066
+ 上传
2067
+ </div>
2068
+ <div class="code-name">.icon-shangchuan
2069
+ </div>
2070
+ </li>
2071
+
2072
+ <li class="dib">
2073
+ <span class="icon iconfont icon-zhedie"></span>
2074
+ <div class="name">
2075
+ 折叠
2076
+ </div>
2077
+ <div class="code-name">.icon-zhedie
2078
+ </div>
2079
+ </li>
2080
+
2081
+ <li class="dib">
2082
+ <span class="icon iconfont icon-AIshipin"></span>
2083
+ <div class="name">
2084
+ AI视频
2085
+ </div>
2086
+ <div class="code-name">.icon-AIshipin
2087
+ </div>
2088
+ </li>
2089
+
2090
+ <li class="dib">
2091
+ <span class="icon iconfont icon-zhedie-copy"></span>
2092
+ <div class="name">
2093
+ 展开
2094
+ </div>
2095
+ <div class="code-name">.icon-zhedie-copy
2096
+ </div>
2097
+ </li>
2098
+
2099
+ </ul>
2100
+ <div class="article markdown">
2101
+ <h2 id="font-class-">font-class 引用</h2>
2102
+ <hr>
2103
+
2104
+ <p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
2105
+ <p>与 Unicode 使用方式相比,具有如下特点:</p>
2106
+ <ul>
2107
+ <li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
2108
+ <li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
2109
+ </ul>
2110
+ <p>使用步骤如下:</p>
2111
+ <h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
2112
+ <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
2113
+ </code></pre>
2114
+ <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
2115
+ <pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
2116
+ </code></pre>
2117
+ <blockquote>
2118
+ <p>"
2119
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
2120
+ </blockquote>
2121
+ </div>
2122
+ </div>
2123
+ <div class="content symbol">
2124
+ <ul class="icon_lists dib-box">
2125
+
2126
+ <li class="dib">
2127
+ <svg class="icon svg-icon" aria-hidden="true">
2128
+ <use xlink:href="#icon-guanbizhinengti1"></use>
2129
+ </svg>
2130
+ <div class="name">关闭智能体</div>
2131
+ <div class="code-name">#icon-guanbizhinengti1</div>
2132
+ </li>
2133
+
2134
+ <li class="dib">
2135
+ <svg class="icon svg-icon" aria-hidden="true">
2136
+ <use xlink:href="#icon-shengchengzhutu"></use>
2137
+ </svg>
2138
+ <div class="name">生成主图</div>
2139
+ <div class="code-name">#icon-shengchengzhutu</div>
2140
+ </li>
2141
+
2142
+ <li class="dib">
2143
+ <svg class="icon svg-icon" aria-hidden="true">
2144
+ <use xlink:href="#icon-shengchengxiangqingyeshejijiaoben"></use>
2145
+ </svg>
2146
+ <div class="name">生成详情页设计脚本</div>
2147
+ <div class="code-name">#icon-shengchengxiangqingyeshejijiaoben</div>
2148
+ </li>
2149
+
2150
+ <li class="dib">
2151
+ <svg class="icon svg-icon" aria-hidden="true">
2152
+ <use xlink:href="#icon-shengchengzhutushejijiaoben"></use>
2153
+ </svg>
2154
+ <div class="name">生成主图设计脚本</div>
2155
+ <div class="code-name">#icon-shengchengzhutushejijiaoben</div>
2156
+ </li>
2157
+
2158
+ <li class="dib">
2159
+ <svg class="icon svg-icon" aria-hidden="true">
2160
+ <use xlink:href="#icon-shengchengxiangqingyetupian"></use>
2161
+ </svg>
2162
+ <div class="name">生成详情页图片</div>
2163
+ <div class="code-name">#icon-shengchengxiangqingyetupian</div>
2164
+ </li>
2165
+
2166
+ <li class="dib">
2167
+ <svg class="icon svg-icon" aria-hidden="true">
2168
+ <use xlink:href="#icon-guanjiancixuqiufenxi"></use>
2169
+ </svg>
2170
+ <div class="name">关键词需求分析</div>
2171
+ <div class="code-name">#icon-guanjiancixuqiufenxi</div>
2172
+ </li>
2173
+
2174
+ <li class="dib">
2175
+ <svg class="icon svg-icon" aria-hidden="true">
2176
+ <use xlink:href="#icon-zhengque"></use>
2177
+ </svg>
2178
+ <div class="name">正确</div>
2179
+ <div class="code-name">#icon-zhengque</div>
2180
+ </li>
2181
+
2182
+ <li class="dib">
2183
+ <svg class="icon svg-icon" aria-hidden="true">
2184
+ <use xlink:href="#icon-shibai"></use>
2185
+ </svg>
2186
+ <div class="name">失败</div>
2187
+ <div class="code-name">#icon-shibai</div>
2188
+ </li>
2189
+
2190
+ <li class="dib">
2191
+ <svg class="icon svg-icon" aria-hidden="true">
2192
+ <use xlink:href="#icon-jingpinzhenduan1"></use>
2193
+ </svg>
2194
+ <div class="name">竞品诊断</div>
2195
+ <div class="code-name">#icon-jingpinzhenduan1</div>
2196
+ </li>
2197
+
2198
+ <li class="dib">
2199
+ <svg class="icon svg-icon" aria-hidden="true">
2200
+ <use xlink:href="#icon-jiazaizhong"></use>
2201
+ </svg>
2202
+ <div class="name">加载中</div>
2203
+ <div class="code-name">#icon-jiazaizhong</div>
2204
+ </li>
2205
+
2206
+ <li class="dib">
2207
+ <svg class="icon svg-icon" aria-hidden="true">
2208
+ <use xlink:href="#icon-piliangxiazai"></use>
2209
+ </svg>
2210
+ <div class="name">批量下载</div>
2211
+ <div class="code-name">#icon-piliangxiazai</div>
2212
+ </li>
2213
+
2214
+ <li class="dib">
2215
+ <svg class="icon svg-icon" aria-hidden="true">
2216
+ <use xlink:href="#icon-jingpinzhenduan"></use>
2217
+ </svg>
2218
+ <div class="name">竞品诊断</div>
2219
+ <div class="code-name">#icon-jingpinzhenduan</div>
2220
+ </li>
2221
+
2222
+ <li class="dib">
2223
+ <svg class="icon svg-icon" aria-hidden="true">
2224
+ <use xlink:href="#icon-shouqi1"></use>
2225
+ </svg>
2226
+ <div class="name">收起</div>
2227
+ <div class="code-name">#icon-shouqi1</div>
2228
+ </li>
2229
+
2230
+ <li class="dib">
2231
+ <svg class="icon svg-icon" aria-hidden="true">
2232
+ <use xlink:href="#icon-zhankai2"></use>
2233
+ </svg>
2234
+ <div class="name">展开</div>
2235
+ <div class="code-name">#icon-zhankai2</div>
2236
+ </li>
2237
+
2238
+ <li class="dib">
2239
+ <svg class="icon svg-icon" aria-hidden="true">
2240
+ <use xlink:href="#icon-wendajiafenxi"></use>
2241
+ </svg>
2242
+ <div class="name">问大家分析</div>
2243
+ <div class="code-name">#icon-wendajiafenxi</div>
2244
+ </li>
2245
+
2246
+ <li class="dib">
2247
+ <svg class="icon svg-icon" aria-hidden="true">
2248
+ <use xlink:href="#icon-shengchengmaijiaxiu"></use>
2249
+ </svg>
2250
+ <div class="name">生成买家秀</div>
2251
+ <div class="code-name">#icon-shengchengmaijiaxiu</div>
2252
+ </li>
2253
+
2254
+ <li class="dib">
2255
+ <svg class="icon svg-icon" aria-hidden="true">
2256
+ <use xlink:href="#icon-guanjiancixuankuanxuanshichang"></use>
2257
+ </svg>
2258
+ <div class="name">关键词选款选市场</div>
2259
+ <div class="code-name">#icon-guanjiancixuankuanxuanshichang</div>
2260
+ </li>
2261
+
2262
+ <li class="dib">
2263
+ <svg class="icon svg-icon" aria-hidden="true">
2264
+ <use xlink:href="#icon-shangpinpingjiafenxi"></use>
2265
+ </svg>
2266
+ <div class="name">商品评价分析</div>
2267
+ <div class="code-name">#icon-shangpinpingjiafenxi</div>
2268
+ </li>
2269
+
2270
+ <li class="dib">
2271
+ <svg class="icon svg-icon" aria-hidden="true">
2272
+ <use xlink:href="#icon-biaoshengshangpinzhaolanhai"></use>
2273
+ </svg>
2274
+ <div class="name">飙升商品找蓝海</div>
2275
+ <div class="code-name">#icon-biaoshengshangpinzhaolanhai</div>
2276
+ </li>
2277
+
2278
+ <li class="dib">
2279
+ <svg class="icon svg-icon" aria-hidden="true">
2280
+ <use xlink:href="#icon-quanweidujingpinchayifenxi"></use>
2281
+ </svg>
2282
+ <div class="name">全维度竞品差异分析</div>
2283
+ <div class="code-name">#icon-quanweidujingpinchayifenxi</div>
2284
+ </li>
2285
+
2286
+ <li class="dib">
2287
+ <svg class="icon svg-icon" aria-hidden="true">
2288
+ <use xlink:href="#icon-chakandatu"></use>
2289
+ </svg>
2290
+ <div class="name">查看大图</div>
2291
+ <div class="code-name">#icon-chakandatu</div>
2292
+ </li>
2293
+
2294
+ <li class="dib">
2295
+ <svg class="icon svg-icon" aria-hidden="true">
2296
+ <use xlink:href="#icon-xiazai2"></use>
2297
+ </svg>
2298
+ <div class="name">下载</div>
2299
+ <div class="code-name">#icon-xiazai2</div>
2300
+ </li>
2301
+
2302
+ <li class="dib">
2303
+ <svg class="icon svg-icon" aria-hidden="true">
2304
+ <use xlink:href="#icon-xiangji"></use>
2305
+ </svg>
2306
+ <div class="name">相机</div>
2307
+ <div class="code-name">#icon-xiangji</div>
2308
+ </li>
2309
+
2310
+ <li class="dib">
2311
+ <svg class="icon svg-icon" aria-hidden="true">
2312
+ <use xlink:href="#icon-jia"></use>
2313
+ </svg>
2314
+ <div class="name">加</div>
2315
+ <div class="code-name">#icon-jia</div>
2316
+ </li>
2317
+
2318
+ <li class="dib">
2319
+ <svg class="icon svg-icon" aria-hidden="true">
2320
+ <use xlink:href="#icon-xiazai1"></use>
2321
+ </svg>
2322
+ <div class="name">下载</div>
2323
+ <div class="code-name">#icon-xiazai1</div>
2324
+ </li>
2325
+
2326
+ <li class="dib">
2327
+ <svg class="icon svg-icon" aria-hidden="true">
2328
+ <use xlink:href="#icon-qiehuan-shangyizhang1"></use>
2329
+ </svg>
2330
+ <div class="name">切换-上一张</div>
2331
+ <div class="code-name">#icon-qiehuan-shangyizhang1</div>
2332
+ </li>
2333
+
2334
+ <li class="dib">
2335
+ <svg class="icon svg-icon" aria-hidden="true">
2336
+ <use xlink:href="#icon-qiehuan-shangyizhang-1"></use>
2337
+ </svg>
2338
+ <div class="name">切换-上一张-1</div>
2339
+ <div class="code-name">#icon-qiehuan-shangyizhang-1</div>
2340
+ </li>
2341
+
2342
+ <li class="dib">
2343
+ <svg class="icon svg-icon" aria-hidden="true">
2344
+ <use xlink:href="#icon-jian"></use>
2345
+ </svg>
2346
+ <div class="name">减</div>
2347
+ <div class="code-name">#icon-jian</div>
2348
+ </li>
2349
+
2350
+ <li class="dib">
2351
+ <svg class="icon svg-icon" aria-hidden="true">
2352
+ <use xlink:href="#icon-tuichudenglu"></use>
2353
+ </svg>
2354
+ <div class="name">退出登录</div>
2355
+ <div class="code-name">#icon-tuichudenglu</div>
2356
+ </li>
2357
+
2358
+ <li class="dib">
2359
+ <svg class="icon svg-icon" aria-hidden="true">
2360
+ <use xlink:href="#icon-bianjiziliao"></use>
2361
+ </svg>
2362
+ <div class="name">编辑资料</div>
2363
+ <div class="code-name">#icon-bianjiziliao</div>
2364
+ </li>
2365
+
2366
+ <li class="dib">
2367
+ <svg class="icon svg-icon" aria-hidden="true">
2368
+ <use xlink:href="#icon-qiehuanzhanghao"></use>
2369
+ </svg>
2370
+ <div class="name">切换账号</div>
2371
+ <div class="code-name">#icon-qiehuanzhanghao</div>
2372
+ </li>
2373
+
2374
+ <li class="dib">
2375
+ <svg class="icon svg-icon" aria-hidden="true">
2376
+ <use xlink:href="#icon-jifen"></use>
2377
+ </svg>
2378
+ <div class="name">积分</div>
2379
+ <div class="code-name">#icon-jifen</div>
2380
+ </li>
2381
+
2382
+ <li class="dib">
2383
+ <svg class="icon svg-icon" aria-hidden="true">
2384
+ <use xlink:href="#icon-AIGCjifen"></use>
2385
+ </svg>
2386
+ <div class="name">AIGC积分</div>
2387
+ <div class="code-name">#icon-AIGCjifen</div>
2388
+ </li>
2389
+
2390
+ <li class="dib">
2391
+ <svg class="icon svg-icon" aria-hidden="true">
2392
+ <use xlink:href="#icon-AIshiyi"></use>
2393
+ </svg>
2394
+ <div class="name">AI试衣</div>
2395
+ <div class="code-name">#icon-AIshiyi</div>
2396
+ </li>
2397
+
2398
+ <li class="dib">
2399
+ <svg class="icon svg-icon" aria-hidden="true">
2400
+ <use xlink:href="#icon-shichuanmoban"></use>
2401
+ </svg>
2402
+ <div class="name">试穿模板</div>
2403
+ <div class="code-name">#icon-shichuanmoban</div>
2404
+ </li>
2405
+
2406
+ <li class="dib">
2407
+ <svg class="icon svg-icon" aria-hidden="true">
2408
+ <use xlink:href="#icon-xuanzechangjing"></use>
2409
+ </svg>
2410
+ <div class="name">选择场景</div>
2411
+ <div class="code-name">#icon-xuanzechangjing</div>
2412
+ </li>
2413
+
2414
+ <li class="dib">
2415
+ <svg class="icon svg-icon" aria-hidden="true">
2416
+ <use xlink:href="#icon-tihuanmote"></use>
2417
+ </svg>
2418
+ <div class="name">替换模特</div>
2419
+ <div class="code-name">#icon-tihuanmote</div>
2420
+ </li>
2421
+
2422
+ <li class="dib">
2423
+ <svg class="icon svg-icon" aria-hidden="true">
2424
+ <use xlink:href="#icon-AIchangjing"></use>
2425
+ </svg>
2426
+ <div class="name">AI场景</div>
2427
+ <div class="code-name">#icon-AIchangjing</div>
2428
+ </li>
2429
+
2430
+ <li class="dib">
2431
+ <svg class="icon svg-icon" aria-hidden="true">
2432
+ <use xlink:href="#icon-shouqi"></use>
2433
+ </svg>
2434
+ <div class="name">收起</div>
2435
+ <div class="code-name">#icon-shouqi</div>
2436
+ </li>
2437
+
2438
+ <li class="dib">
2439
+ <svg class="icon svg-icon" aria-hidden="true">
2440
+ <use xlink:href="#icon-zhankai"></use>
2441
+ </svg>
2442
+ <div class="name">展开</div>
2443
+ <div class="code-name">#icon-zhankai</div>
2444
+ </li>
2445
+
2446
+ <li class="dib">
2447
+ <svg class="icon svg-icon" aria-hidden="true">
2448
+ <use xlink:href="#icon-xinjianduihua2"></use>
2449
+ </svg>
2450
+ <div class="name">新建对话</div>
2451
+ <div class="code-name">#icon-xinjianduihua2</div>
2452
+ </li>
2453
+
2454
+ <li class="dib">
2455
+ <svg class="icon svg-icon" aria-hidden="true">
2456
+ <use xlink:href="#icon-quanjutishi-zhengque"></use>
2457
+ </svg>
2458
+ <div class="name">全局提示-正确</div>
2459
+ <div class="code-name">#icon-quanjutishi-zhengque</div>
2460
+ </li>
2461
+
2462
+ <li class="dib">
2463
+ <svg class="icon svg-icon" aria-hidden="true">
2464
+ <use xlink:href="#icon-zhangshu"></use>
2465
+ </svg>
2466
+ <div class="name">张数</div>
2467
+ <div class="code-name">#icon-zhangshu</div>
2468
+ </li>
2469
+
2470
+ <li class="dib">
2471
+ <svg class="icon svg-icon" aria-hidden="true">
2472
+ <use xlink:href="#icon-bili_21_9"></use>
2473
+ </svg>
2474
+ <div class="name">比例_21_9</div>
2475
+ <div class="code-name">#icon-bili_21_9</div>
2476
+ </li>
2477
+
2478
+ <li class="dib">
2479
+ <svg class="icon svg-icon" aria-hidden="true">
2480
+ <use xlink:href="#icon-wenshengtu"></use>
2481
+ </svg>
2482
+ <div class="name">文生图</div>
2483
+ <div class="code-name">#icon-wenshengtu</div>
2484
+ </li>
2485
+
2486
+ <li class="dib">
2487
+ <svg class="icon svg-icon" aria-hidden="true">
2488
+ <use xlink:href="#icon-AIshengtu"></use>
2489
+ </svg>
2490
+ <div class="name">AI生图</div>
2491
+ <div class="code-name">#icon-AIshengtu</div>
2492
+ </li>
2493
+
2494
+ <li class="dib">
2495
+ <svg class="icon svg-icon" aria-hidden="true">
2496
+ <use xlink:href="#icon-tiaoxingtu"></use>
2497
+ </svg>
2498
+ <div class="name">条形图</div>
2499
+ <div class="code-name">#icon-tiaoxingtu</div>
2500
+ </li>
2501
+
2502
+ <li class="dib">
2503
+ <svg class="icon svg-icon" aria-hidden="true">
2504
+ <use xlink:href="#icon-huanxingtu"></use>
2505
+ </svg>
2506
+ <div class="name">环形图</div>
2507
+ <div class="code-name">#icon-huanxingtu</div>
2508
+ </li>
2509
+
2510
+ <li class="dib">
2511
+ <svg class="icon svg-icon" aria-hidden="true">
2512
+ <use xlink:href="#icon-lianjie"></use>
2513
+ </svg>
2514
+ <div class="name">链接</div>
2515
+ <div class="code-name">#icon-lianjie</div>
2516
+ </li>
2517
+
2518
+ <li class="dib">
2519
+ <svg class="icon svg-icon" aria-hidden="true">
2520
+ <use xlink:href="#icon-bitian"></use>
2521
+ </svg>
2522
+ <div class="name">必填</div>
2523
+ <div class="code-name">#icon-bitian</div>
2524
+ </li>
2525
+
2526
+ <li class="dib">
2527
+ <svg class="icon svg-icon" aria-hidden="true">
2528
+ <use xlink:href="#icon-shangchuan1"></use>
2529
+ </svg>
2530
+ <div class="name">上传</div>
2531
+ <div class="code-name">#icon-shangchuan1</div>
2532
+ </li>
2533
+
2534
+ <li class="dib">
2535
+ <svg class="icon svg-icon" aria-hidden="true">
2536
+ <use xlink:href="#icon-tishi"></use>
2537
+ </svg>
2538
+ <div class="name">提示</div>
2539
+ <div class="code-name">#icon-tishi</div>
2540
+ </li>
2541
+
2542
+ <li class="dib">
2543
+ <svg class="icon svg-icon" aria-hidden="true">
2544
+ <use xlink:href="#icon-guanbizhinengti"></use>
2545
+ </svg>
2546
+ <div class="name">关闭智能体</div>
2547
+ <div class="code-name">#icon-guanbizhinengti</div>
2548
+ </li>
2549
+
2550
+ <li class="dib">
2551
+ <svg class="icon svg-icon" aria-hidden="true">
2552
+ <use xlink:href="#icon-zhinengti"></use>
2553
+ </svg>
2554
+ <div class="name">智能体</div>
2555
+ <div class="code-name">#icon-zhinengti</div>
2556
+ </li>
2557
+
2558
+ <li class="dib">
2559
+ <svg class="icon svg-icon" aria-hidden="true">
2560
+ <use xlink:href="#icon-exlwenjian"></use>
2561
+ </svg>
2562
+ <div class="name">exl文件</div>
2563
+ <div class="code-name">#icon-exlwenjian</div>
2564
+ </li>
2565
+
2566
+ <li class="dib">
2567
+ <svg class="icon svg-icon" aria-hidden="true">
2568
+ <use xlink:href="#icon-zhongxinshangchuan"></use>
2569
+ </svg>
2570
+ <div class="name">重新上传</div>
2571
+ <div class="code-name">#icon-zhongxinshangchuan</div>
2572
+ </li>
2573
+
2574
+ <li class="dib">
2575
+ <svg class="icon svg-icon" aria-hidden="true">
2576
+ <use xlink:href="#icon-kaishibofang"></use>
2577
+ </svg>
2578
+ <div class="name">开始播放</div>
2579
+ <div class="code-name">#icon-kaishibofang</div>
2580
+ </li>
2581
+
2582
+ <li class="dib">
2583
+ <svg class="icon svg-icon" aria-hidden="true">
2584
+ <use xlink:href="#icon-chenggongtishi"></use>
2585
+ </svg>
2586
+ <div class="name">成功提示</div>
2587
+ <div class="code-name">#icon-chenggongtishi</div>
2588
+ </li>
2589
+
2590
+ <li class="dib">
2591
+ <svg class="icon svg-icon" aria-hidden="true">
2592
+ <use xlink:href="#icon-shoucang-xuanzhong"></use>
2593
+ </svg>
2594
+ <div class="name">收藏-选中</div>
2595
+ <div class="code-name">#icon-shoucang-xuanzhong</div>
2596
+ </li>
2597
+
2598
+ <li class="dib">
2599
+ <svg class="icon svg-icon" aria-hidden="true">
2600
+ <use xlink:href="#icon-xiazai"></use>
2601
+ </svg>
2602
+ <div class="name">下载</div>
2603
+ <div class="code-name">#icon-xiazai</div>
2604
+ </li>
2605
+
2606
+ <li class="dib">
2607
+ <svg class="icon svg-icon" aria-hidden="true">
2608
+ <use xlink:href="#icon-shanchu"></use>
2609
+ </svg>
2610
+ <div class="name">删除</div>
2611
+ <div class="code-name">#icon-shanchu</div>
2612
+ </li>
2613
+
2614
+ <li class="dib">
2615
+ <svg class="icon svg-icon" aria-hidden="true">
2616
+ <use xlink:href="#icon-bili_4_3"></use>
2617
+ </svg>
2618
+ <div class="name">比例_4_3</div>
2619
+ <div class="code-name">#icon-bili_4_3</div>
2620
+ </li>
2621
+
2622
+ <li class="dib">
2623
+ <svg class="icon svg-icon" aria-hidden="true">
2624
+ <use xlink:href="#icon-fuzhi1"></use>
2625
+ </svg>
2626
+ <div class="name">复制</div>
2627
+ <div class="code-name">#icon-fuzhi1</div>
2628
+ </li>
2629
+
2630
+ <li class="dib">
2631
+ <svg class="icon svg-icon" aria-hidden="true">
2632
+ <use xlink:href="#icon-bili_3_4"></use>
2633
+ </svg>
2634
+ <div class="name">比例_3_4</div>
2635
+ <div class="code-name">#icon-bili_3_4</div>
2636
+ </li>
2637
+
2638
+ <li class="dib">
2639
+ <svg class="icon svg-icon" aria-hidden="true">
2640
+ <use xlink:href="#icon-bili_9_16"></use>
2641
+ </svg>
2642
+ <div class="name">比例_9_16</div>
2643
+ <div class="code-name">#icon-bili_9_16</div>
2644
+ </li>
2645
+
2646
+ <li class="dib">
2647
+ <svg class="icon svg-icon" aria-hidden="true">
2648
+ <use xlink:href="#icon-bili_2_3"></use>
2649
+ </svg>
2650
+ <div class="name">比例_2_3</div>
2651
+ <div class="code-name">#icon-bili_2_3</div>
2652
+ </li>
2653
+
2654
+ <li class="dib">
2655
+ <svg class="icon svg-icon" aria-hidden="true">
2656
+ <use xlink:href="#icon-bili_16_9"></use>
2657
+ </svg>
2658
+ <div class="name">比例_16_9</div>
2659
+ <div class="code-name">#icon-bili_16_9</div>
2660
+ </li>
2661
+
2662
+ <li class="dib">
2663
+ <svg class="icon svg-icon" aria-hidden="true">
2664
+ <use xlink:href="#icon-bili_3_2"></use>
2665
+ </svg>
2666
+ <div class="name">比例_3_2</div>
2667
+ <div class="code-name">#icon-bili_3_2</div>
2668
+ </li>
2669
+
2670
+ <li class="dib">
2671
+ <svg class="icon svg-icon" aria-hidden="true">
2672
+ <use xlink:href="#icon-bili_1_1"></use>
2673
+ </svg>
2674
+ <div class="name">比例_1_1</div>
2675
+ <div class="code-name">#icon-bili_1_1</div>
2676
+ </li>
2677
+
2678
+ <li class="dib">
2679
+ <svg class="icon svg-icon" aria-hidden="true">
2680
+ <use xlink:href="#icon-shoucang-weixuanzhong"></use>
2681
+ </svg>
2682
+ <div class="name">收藏-未选中</div>
2683
+ <div class="code-name">#icon-shoucang-weixuanzhong</div>
2684
+ </li>
2685
+
2686
+ <li class="dib">
2687
+ <svg class="icon svg-icon" aria-hidden="true">
2688
+ <use xlink:href="#icon-fenxiang"></use>
2689
+ </svg>
2690
+ <div class="name">分享</div>
2691
+ <div class="code-name">#icon-fenxiang</div>
2692
+ </li>
2693
+
2694
+ <li class="dib">
2695
+ <svg class="icon svg-icon" aria-hidden="true">
2696
+ <use xlink:href="#icon-fenxianglianjie"></use>
2697
+ </svg>
2698
+ <div class="name">分享链接</div>
2699
+ <div class="code-name">#icon-fenxianglianjie</div>
2700
+ </li>
2701
+
2702
+ <li class="dib">
2703
+ <svg class="icon svg-icon" aria-hidden="true">
2704
+ <use xlink:href="#icon-xiazailiebiao"></use>
2705
+ </svg>
2706
+ <div class="name">下载列表</div>
2707
+ <div class="code-name">#icon-xiazailiebiao</div>
2708
+ </li>
2709
+
2710
+ <li class="dib">
2711
+ <svg class="icon svg-icon" aria-hidden="true">
2712
+ <use xlink:href="#icon-Vector"></use>
2713
+ </svg>
2714
+ <div class="name">提交</div>
2715
+ <div class="code-name">#icon-Vector</div>
2716
+ </li>
2717
+
2718
+ <li class="dib">
2719
+ <svg class="icon svg-icon" aria-hidden="true">
2720
+ <use xlink:href="#icon-xinjianduihua"></use>
2721
+ </svg>
2722
+ <div class="name">新建对话</div>
2723
+ <div class="code-name">#icon-xinjianduihua</div>
2724
+ </li>
2725
+
2726
+ <li class="dib">
2727
+ <svg class="icon svg-icon" aria-hidden="true">
2728
+ <use xlink:href="#icon-shendusikao1"></use>
2729
+ </svg>
2730
+ <div class="name">深度思考-copy-copy</div>
2731
+ <div class="code-name">#icon-shendusikao1</div>
2732
+ </li>
2733
+
2734
+ <li class="dib">
2735
+ <svg class="icon svg-icon" aria-hidden="true">
2736
+ <use xlink:href="#icon-AI-faqixinduihua"></use>
2737
+ </svg>
2738
+ <div class="name">AI-发起新对话</div>
2739
+ <div class="code-name">#icon-AI-faqixinduihua</div>
2740
+ </li>
2741
+
2742
+ <li class="dib">
2743
+ <svg class="icon svg-icon" aria-hidden="true">
2744
+ <use xlink:href="#icon-AIduihua-zhankai"></use>
2745
+ </svg>
2746
+ <div class="name">AI对话-展开</div>
2747
+ <div class="code-name">#icon-AIduihua-zhankai</div>
2748
+ </li>
2749
+
2750
+ <li class="dib">
2751
+ <svg class="icon svg-icon" aria-hidden="true">
2752
+ <use xlink:href="#icon-AIduihua-shouqi"></use>
2753
+ </svg>
2754
+ <div class="name">AI对话-收起</div>
2755
+ <div class="code-name">#icon-AIduihua-shouqi</div>
2756
+ </li>
2757
+
2758
+ <li class="dib">
2759
+ <svg class="icon svg-icon" aria-hidden="true">
2760
+ <use xlink:href="#icon-fasong"></use>
2761
+ </svg>
2762
+ <div class="name">发送</div>
2763
+ <div class="code-name">#icon-fasong</div>
2764
+ </li>
2765
+
2766
+ <li class="dib">
2767
+ <svg class="icon svg-icon" aria-hidden="true">
2768
+ <use xlink:href="#icon-shoucangguanli"></use>
2769
+ </svg>
2770
+ <div class="name">收藏管理</div>
2771
+ <div class="code-name">#icon-shoucangguanli</div>
2772
+ </li>
2773
+
2774
+ <li class="dib">
2775
+ <svg class="icon svg-icon" aria-hidden="true">
2776
+ <use xlink:href="#icon-quanbuyingyong"></use>
2777
+ </svg>
2778
+ <div class="name">全部应用</div>
2779
+ <div class="code-name">#icon-quanbuyingyong</div>
2780
+ </li>
2781
+
2782
+ <li class="dib">
2783
+ <svg class="icon svg-icon" aria-hidden="true">
2784
+ <use xlink:href="#icon-zuzhiguanli"></use>
2785
+ </svg>
2786
+ <div class="name">组织管理</div>
2787
+ <div class="code-name">#icon-zuzhiguanli</div>
2788
+ </li>
2789
+
2790
+ <li class="dib">
2791
+ <svg class="icon svg-icon" aria-hidden="true">
2792
+ <use xlink:href="#icon-zhankai1-copy"></use>
2793
+ </svg>
2794
+ <div class="name">折叠</div>
2795
+ <div class="code-name">#icon-zhankai1-copy</div>
2796
+ </li>
2797
+
2798
+ <li class="dib">
2799
+ <svg class="icon svg-icon" aria-hidden="true">
2800
+ <use xlink:href="#icon-zhankai1"></use>
2801
+ </svg>
2802
+ <div class="name">展开</div>
2803
+ <div class="code-name">#icon-zhankai1</div>
2804
+ </li>
2805
+
2806
+ <li class="dib">
2807
+ <svg class="icon svg-icon" aria-hidden="true">
2808
+ <use xlink:href="#icon-weiquanxuan1"></use>
2809
+ </svg>
2810
+ <div class="name">未全选</div>
2811
+ <div class="code-name">#icon-weiquanxuan1</div>
2812
+ </li>
2813
+
2814
+ <li class="dib">
2815
+ <svg class="icon svg-icon" aria-hidden="true">
2816
+ <use xlink:href="#icon-shuaxin1"></use>
2817
+ </svg>
2818
+ <div class="name">刷新</div>
2819
+ <div class="code-name">#icon-shuaxin1</div>
2820
+ </li>
2821
+
2822
+ <li class="dib">
2823
+ <svg class="icon svg-icon" aria-hidden="true">
2824
+ <use xlink:href="#icon-gonggeshitu1"></use>
2825
+ </svg>
2826
+ <div class="name">宫格视图</div>
2827
+ <div class="code-name">#icon-gonggeshitu1</div>
2828
+ </li>
2829
+
2830
+ <li class="dib">
2831
+ <svg class="icon svg-icon" aria-hidden="true">
2832
+ <use xlink:href="#icon-tushengshipin1"></use>
2833
+ </svg>
2834
+ <div class="name">图生视频</div>
2835
+ <div class="code-name">#icon-tushengshipin1</div>
2836
+ </li>
2837
+
2838
+ <li class="dib">
2839
+ <svg class="icon svg-icon" aria-hidden="true">
2840
+ <use xlink:href="#icon-a-16_91"></use>
2841
+ </svg>
2842
+ <div class="name">16_9</div>
2843
+ <div class="code-name">#icon-a-16_91</div>
2844
+ </li>
2845
+
2846
+ <li class="dib">
2847
+ <svg class="icon svg-icon" aria-hidden="true">
2848
+ <use xlink:href="#icon-shujukanban"></use>
2849
+ </svg>
2850
+ <div class="name">数据看板</div>
2851
+ <div class="code-name">#icon-shujukanban</div>
2852
+ </li>
2853
+
2854
+ <li class="dib">
2855
+ <svg class="icon svg-icon" aria-hidden="true">
2856
+ <use xlink:href="#icon-tuiguangfenxi"></use>
2857
+ </svg>
2858
+ <div class="name">推广分析</div>
2859
+ <div class="code-name">#icon-tuiguangfenxi</div>
2860
+ </li>
2861
+
2862
+ <li class="dib">
2863
+ <svg class="icon svg-icon" aria-hidden="true">
2864
+ <use xlink:href="#icon-shuaxin"></use>
2865
+ </svg>
2866
+ <div class="name">刷新</div>
2867
+ <div class="code-name">#icon-shuaxin</div>
2868
+ </li>
2869
+
2870
+ <li class="dib">
2871
+ <svg class="icon svg-icon" aria-hidden="true">
2872
+ <use xlink:href="#icon-gouxuan"></use>
2873
+ </svg>
2874
+ <div class="name">勾选</div>
2875
+ <div class="code-name">#icon-gouxuan</div>
2876
+ </li>
2877
+
2878
+ <li class="dib">
2879
+ <svg class="icon svg-icon" aria-hidden="true">
2880
+ <use xlink:href="#icon-moxing"></use>
2881
+ </svg>
2882
+ <div class="name">模型</div>
2883
+ <div class="code-name">#icon-moxing</div>
2884
+ </li>
2885
+
2886
+ <li class="dib">
2887
+ <svg class="icon svg-icon" aria-hidden="true">
2888
+ <use xlink:href="#icon-tuichupiliangcaozuo"></use>
2889
+ </svg>
2890
+ <div class="name">退出批量操作</div>
2891
+ <div class="code-name">#icon-tuichupiliangcaozuo</div>
2892
+ </li>
2893
+
2894
+ <li class="dib">
2895
+ <svg class="icon svg-icon" aria-hidden="true">
2896
+ <use xlink:href="#icon-quanping"></use>
2897
+ </svg>
2898
+ <div class="name">全屏</div>
2899
+ <div class="code-name">#icon-quanping</div>
2900
+ </li>
2901
+
2902
+ <li class="dib">
2903
+ <svg class="icon svg-icon" aria-hidden="true">
2904
+ <use xlink:href="#icon-a-9_16"></use>
2905
+ </svg>
2906
+ <div class="name">9_16</div>
2907
+ <div class="code-name">#icon-a-9_16</div>
2908
+ </li>
2909
+
2910
+ <li class="dib">
2911
+ <svg class="icon svg-icon" aria-hidden="true">
2912
+ <use xlink:href="#icon-weiquanxuan"></use>
2913
+ </svg>
2914
+ <div class="name">未全选</div>
2915
+ <div class="code-name">#icon-weiquanxuan</div>
2916
+ </li>
2917
+
2918
+ <li class="dib">
2919
+ <svg class="icon svg-icon" aria-hidden="true">
2920
+ <use xlink:href="#icon-fenbianshuai"></use>
2921
+ </svg>
2922
+ <div class="name">分辨率</div>
2923
+ <div class="code-name">#icon-fenbianshuai</div>
2924
+ </li>
2925
+
2926
+ <li class="dib">
2927
+ <svg class="icon svg-icon" aria-hidden="true">
2928
+ <use xlink:href="#icon-piliangxuanze"></use>
2929
+ </svg>
2930
+ <div class="name">批量选择</div>
2931
+ <div class="code-name">#icon-piliangxuanze</div>
2932
+ </li>
2933
+
2934
+ <li class="dib">
2935
+ <svg class="icon svg-icon" aria-hidden="true">
2936
+ <use xlink:href="#icon-daigouxuan"></use>
2937
+ </svg>
2938
+ <div class="name">待勾选</div>
2939
+ <div class="code-name">#icon-daigouxuan</div>
2940
+ </li>
2941
+
2942
+ <li class="dib">
2943
+ <svg class="icon svg-icon" aria-hidden="true">
2944
+ <use xlink:href="#icon-shoucang"></use>
2945
+ </svg>
2946
+ <div class="name">收藏</div>
2947
+ <div class="code-name">#icon-shoucang</div>
2948
+ </li>
2949
+
2950
+ <li class="dib">
2951
+ <svg class="icon svg-icon" aria-hidden="true">
2952
+ <use xlink:href="#icon-guanbi"></use>
2953
+ </svg>
2954
+ <div class="name">关闭</div>
2955
+ <div class="code-name">#icon-guanbi</div>
2956
+ </li>
2957
+
2958
+ <li class="dib">
2959
+ <svg class="icon svg-icon" aria-hidden="true">
2960
+ <use xlink:href="#icon-fengge"></use>
2961
+ </svg>
2962
+ <div class="name">风格</div>
2963
+ <div class="code-name">#icon-fengge</div>
2964
+ </li>
2965
+
2966
+ <li class="dib">
2967
+ <svg class="icon svg-icon" aria-hidden="true">
2968
+ <use xlink:href="#icon-shouye"></use>
2969
+ </svg>
2970
+ <div class="name">首页</div>
2971
+ <div class="code-name">#icon-shouye</div>
2972
+ </li>
2973
+
2974
+ <li class="dib">
2975
+ <svg class="icon svg-icon" aria-hidden="true">
2976
+ <use xlink:href="#icon-a-1_1"></use>
2977
+ </svg>
2978
+ <div class="name">1_1</div>
2979
+ <div class="code-name">#icon-a-1_1</div>
2980
+ </li>
2981
+
2982
+ <li class="dib">
2983
+ <svg class="icon svg-icon" aria-hidden="true">
2984
+ <use xlink:href="#icon-gonggeshitu"></use>
2985
+ </svg>
2986
+ <div class="name">宫格视图</div>
2987
+ <div class="code-name">#icon-gonggeshitu</div>
2988
+ </li>
2989
+
2990
+ <li class="dib">
2991
+ <svg class="icon svg-icon" aria-hidden="true">
2992
+ <use xlink:href="#icon-AIchuangzuo"></use>
2993
+ </svg>
2994
+ <div class="name">AI创作</div>
2995
+ <div class="code-name">#icon-AIchuangzuo</div>
2996
+ </li>
2997
+
2998
+ <li class="dib">
2999
+ <svg class="icon svg-icon" aria-hidden="true">
3000
+ <use xlink:href="#icon-bofang"></use>
3001
+ </svg>
3002
+ <div class="name">播放</div>
3003
+ <div class="code-name">#icon-bofang</div>
3004
+ </li>
3005
+
3006
+ <li class="dib">
3007
+ <svg class="icon svg-icon" aria-hidden="true">
3008
+ <use xlink:href="#icon-gengduo"></use>
3009
+ </svg>
3010
+ <div class="name">更多</div>
3011
+ <div class="code-name">#icon-gengduo</div>
3012
+ </li>
3013
+
3014
+ <li class="dib">
3015
+ <svg class="icon svg-icon" aria-hidden="true">
3016
+ <use xlink:href="#icon-AIduihua"></use>
3017
+ </svg>
3018
+ <div class="name">AI对话</div>
3019
+ <div class="code-name">#icon-AIduihua</div>
3020
+ </li>
3021
+
3022
+ <li class="dib">
3023
+ <svg class="icon svg-icon" aria-hidden="true">
3024
+ <use xlink:href="#icon-zaicishengcheng"></use>
3025
+ </svg>
3026
+ <div class="name">再次生成</div>
3027
+ <div class="code-name">#icon-zaicishengcheng</div>
3028
+ </li>
3029
+
3030
+ <li class="dib">
3031
+ <svg class="icon svg-icon" aria-hidden="true">
3032
+ <use xlink:href="#icon-wenshengshipin"></use>
3033
+ </svg>
3034
+ <div class="name">文生视频</div>
3035
+ <div class="code-name">#icon-wenshengshipin</div>
3036
+ </li>
3037
+
3038
+ <li class="dib">
3039
+ <svg class="icon svg-icon" aria-hidden="true">
3040
+ <use xlink:href="#icon-yundongfudu"></use>
3041
+ </svg>
3042
+ <div class="name">运动幅度</div>
3043
+ <div class="code-name">#icon-yundongfudu</div>
3044
+ </li>
3045
+
3046
+ <li class="dib">
3047
+ <svg class="icon svg-icon" aria-hidden="true">
3048
+ <use xlink:href="#icon-wodezuopin"></use>
3049
+ </svg>
3050
+ <div class="name">我的作品</div>
3051
+ <div class="code-name">#icon-wodezuopin</div>
3052
+ </li>
3053
+
3054
+ <li class="dib">
3055
+ <svg class="icon svg-icon" aria-hidden="true">
3056
+ <use xlink:href="#icon-zuotongkuan"></use>
3057
+ </svg>
3058
+ <div class="name">做同款</div>
3059
+ <div class="code-name">#icon-zuotongkuan</div>
3060
+ </li>
3061
+
3062
+ <li class="dib">
3063
+ <svg class="icon svg-icon" aria-hidden="true">
3064
+ <use xlink:href="#icon-qiehuan-shangyizhang"></use>
3065
+ </svg>
3066
+ <div class="name">切换-上一张</div>
3067
+ <div class="code-name">#icon-qiehuan-shangyizhang</div>
3068
+ </li>
3069
+
3070
+ <li class="dib">
3071
+ <svg class="icon svg-icon" aria-hidden="true">
3072
+ <use xlink:href="#icon-qiehuan"></use>
3073
+ </svg>
3074
+ <div class="name">切换</div>
3075
+ <div class="code-name">#icon-qiehuan</div>
3076
+ </li>
3077
+
3078
+ <li class="dib">
3079
+ <svg class="icon svg-icon" aria-hidden="true">
3080
+ <use xlink:href="#icon-huamianbili"></use>
3081
+ </svg>
3082
+ <div class="name">画面比例</div>
3083
+ <div class="code-name">#icon-huamianbili</div>
3084
+ </li>
3085
+
3086
+ <li class="dib">
3087
+ <svg class="icon svg-icon" aria-hidden="true">
3088
+ <use xlink:href="#icon-shijianshitu"></use>
3089
+ </svg>
3090
+ <div class="name">时间视图</div>
3091
+ <div class="code-name">#icon-shijianshitu</div>
3092
+ </li>
3093
+
3094
+ <li class="dib">
3095
+ <svg class="icon svg-icon" aria-hidden="true">
3096
+ <use xlink:href="#icon-shengchengshichang"></use>
3097
+ </svg>
3098
+ <div class="name">生成时长</div>
3099
+ <div class="code-name">#icon-shengchengshichang</div>
3100
+ </li>
3101
+
3102
+ <li class="dib">
3103
+ <svg class="icon svg-icon" aria-hidden="true">
3104
+ <use xlink:href="#icon-fuzhi"></use>
3105
+ </svg>
3106
+ <div class="name">复制</div>
3107
+ <div class="code-name">#icon-fuzhi</div>
3108
+ </li>
3109
+
3110
+ <li class="dib">
3111
+ <svg class="icon svg-icon" aria-hidden="true">
3112
+ <use xlink:href="#icon-jinggao"></use>
3113
+ </svg>
3114
+ <div class="name">警告</div>
3115
+ <div class="code-name">#icon-jinggao</div>
3116
+ </li>
3117
+
3118
+ <li class="dib">
3119
+ <svg class="icon svg-icon" aria-hidden="true">
3120
+ <use xlink:href="#icon-wenjianjia"></use>
3121
+ </svg>
3122
+ <div class="name">文件夹</div>
3123
+ <div class="code-name">#icon-wenjianjia</div>
3124
+ </li>
3125
+
3126
+ <li class="dib">
3127
+ <svg class="icon svg-icon" aria-hidden="true">
3128
+ <use xlink:href="#icon-qiehuan-xiayizhang"></use>
3129
+ </svg>
3130
+ <div class="name">切换-下一张</div>
3131
+ <div class="code-name">#icon-qiehuan-xiayizhang</div>
3132
+ </li>
3133
+
3134
+ <li class="dib">
3135
+ <svg class="icon svg-icon" aria-hidden="true">
3136
+ <use xlink:href="#icon-xinjianwenjianjia"></use>
3137
+ </svg>
3138
+ <div class="name">新建文件夹</div>
3139
+ <div class="code-name">#icon-xinjianwenjianjia</div>
3140
+ </li>
3141
+
3142
+ <li class="dib">
3143
+ <svg class="icon svg-icon" aria-hidden="true">
3144
+ <use xlink:href="#icon-a-16_9"></use>
3145
+ </svg>
3146
+ <div class="name">16_9</div>
3147
+ <div class="code-name">#icon-a-16_9</div>
3148
+ </li>
3149
+
3150
+ <li class="dib">
3151
+ <svg class="icon svg-icon" aria-hidden="true">
3152
+ <use xlink:href="#icon-shichangdongcha"></use>
3153
+ </svg>
3154
+ <div class="name">市场洞察</div>
3155
+ <div class="code-name">#icon-shichangdongcha</div>
3156
+ </li>
3157
+
3158
+ <li class="dib">
3159
+ <svg class="icon svg-icon" aria-hidden="true">
3160
+ <use xlink:href="#icon-shangchuan"></use>
3161
+ </svg>
3162
+ <div class="name">上传</div>
3163
+ <div class="code-name">#icon-shangchuan</div>
3164
+ </li>
3165
+
3166
+ <li class="dib">
3167
+ <svg class="icon svg-icon" aria-hidden="true">
3168
+ <use xlink:href="#icon-zhedie"></use>
3169
+ </svg>
3170
+ <div class="name">折叠</div>
3171
+ <div class="code-name">#icon-zhedie</div>
3172
+ </li>
3173
+
3174
+ <li class="dib">
3175
+ <svg class="icon svg-icon" aria-hidden="true">
3176
+ <use xlink:href="#icon-AIshipin"></use>
3177
+ </svg>
3178
+ <div class="name">AI视频</div>
3179
+ <div class="code-name">#icon-AIshipin</div>
3180
+ </li>
3181
+
3182
+ <li class="dib">
3183
+ <svg class="icon svg-icon" aria-hidden="true">
3184
+ <use xlink:href="#icon-zhedie-copy"></use>
3185
+ </svg>
3186
+ <div class="name">展开</div>
3187
+ <div class="code-name">#icon-zhedie-copy</div>
3188
+ </li>
3189
+
3190
+ </ul>
3191
+ <div class="article markdown">
3192
+ <h2 id="symbol-">Symbol 引用</h2>
3193
+ <hr>
3194
+
3195
+ <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
3196
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:</p>
3197
+ <ul>
3198
+ <li>支持多色图标了,不再受单色限制。</li>
3199
+ <li>通过一些技巧,支持像字体那样,通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
3200
+ <li>兼容性较差,支持 IE9+,及现代浏览器。</li>
3201
+ <li>浏览器渲染 SVG 的性能一般,还不如 png。</li>
3202
+ </ul>
3203
+ <p>使用步骤如下:</p>
3204
+ <h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
3205
+ <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
3206
+ </code></pre>
3207
+ <h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
3208
+ <pre><code class="language-html">&lt;style&gt;
3209
+ .icon {
3210
+ width: 1em;
3211
+ height: 1em;
3212
+ vertical-align: -0.15em;
3213
+ fill: currentColor;
3214
+ overflow: hidden;
3215
+ }
3216
+ &lt;/style&gt;
3217
+ </code></pre>
3218
+ <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
3219
+ <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
3220
+ &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
3221
+ &lt;/svg&gt;
3222
+ </code></pre>
3223
+ </div>
3224
+ </div>
3225
+
3226
+ </div>
3227
+ </div>
3228
+ <script>
3229
+ $(document).ready(function () {
3230
+ $('.tab-container .content:first').show()
3231
+
3232
+ $('#tabs li').click(function (e) {
3233
+ var tabContent = $('.tab-container .content')
3234
+ var index = $(this).index()
3235
+
3236
+ if ($(this).hasClass('active')) {
3237
+ return
3238
+ } else {
3239
+ $('#tabs li').removeClass('active')
3240
+ $(this).addClass('active')
3241
+
3242
+ tabContent.hide().eq(index).fadeIn()
3243
+ }
3244
+ })
3245
+ })
3246
+ </script>
3247
+ </body>
3248
+ </html>