n20-common-lib 2.7.0-beta.2 → 2.7.0-beta.21
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.
- package/package.json +1 -1
- package/src/assets/.DS_Store +0 -0
- package/src/assets/css/_coreLib.scss +4 -1
- package/src/assets/css/advanced-filter.scss +356 -0
- package/src/assets/css/cl-layout-header.scss +79 -15
- package/src/assets/css/cl-pagination.scss +34 -4
- package/src/assets/css/{cl-dialog.scss → dialog.scss} +10 -7
- package/src/assets/css/filter.scss +1 -178
- package/src/assets/css/font-icon.scss +3 -8
- package/src/assets/css/normalize.scss +12 -1
- package/src/assets/getJsonc.js +2 -2
- package/src/assets/iconFont/demo_index.html +1950 -1129
- package/src/assets/iconFont/iconfont.css +182 -68
- package/src/assets/iconFont/iconfont.js +1 -66
- package/src/assets/iconFont/iconfont.json +196 -0
- package/src/assets/iconFont/iconfont.ttf +0 -0
- package/src/assets/iconFont/iconfont.woff +0 -0
- package/src/assets/iconFont/iconfont.woff2 +0 -0
- package/src/assets/realUrl.js +1 -1
- package/src/components/.DS_Store +0 -0
- package/src/components/AdvancedFilter/filterItem.vue +7 -1
- package/src/components/AdvancedFilter/formItemRender.vue +248 -63
- package/src/components/AdvancedFilter/index.vue +113 -23
- package/src/components/AdvancedFilter/main/Form/form-item.vue +87 -0
- package/src/components/AdvancedFilter/main/Form/form.vue +59 -0
- package/src/components/AdvancedFilter/main/index.vue +34 -0
- package/src/components/AdvancedFilter/utils.js +2 -4
- package/src/components/Anchor/AnchorItem.vue +5 -0
- package/src/components/Anchor/index.vue +23 -1
- package/src/components/ApprovalButtons/index.vue +49 -10
- package/src/components/ApprovalButtons/showAppOpi.vue +5 -3
- package/src/components/ApprovalCard/index.vue +1 -1
- package/src/components/DateChoose/index.vue +278 -0
- package/src/components/DatePicker/por.vue +1 -1
- package/src/components/Descriptions/index.vue +4 -0
- package/src/components/ElectronicArchive/index.vue +1 -0
- package/src/components/FileUploadTable/index.vue +93 -28
- package/src/components/InputNumber/index.vue +1 -0
- package/src/components/Layout/HeaderWrap/changePwd.vue +2 -2
- package/src/components/Layout/HeaderWrap/indexN.vue +151 -84
- package/src/components/Layout/HeaderWrap/menuDrawer.vue +47 -38
- package/src/components/Layout/indexN.vue +30 -5
- package/src/components/LoginTemporary/indexN.vue +10 -57
- package/src/components/Pagination/index.vue +25 -137
- package/src/components/Pagination/remotePagination.vue +201 -0
- package/src/components/Pagination/staticPagination.vue +156 -0
- package/src/components/SecondaryTab/index.vue +27 -1
- package/src/components/TablePro/index.vue +15 -8
- package/src/directives/VRuleKey/index.js +5 -4
- package/src/index.js +3 -4
- package/src/plugins/Print/.DS_Store +0 -0
- package/style/fonts/iconfont.1676b4d9.woff2 +0 -0
- package/{src/assets/iconFont5/iconfont.ttf → style/fonts/iconfont.2be34155.ttf} +0 -0
- package/style/fonts/iconfont.ac432622.woff +0 -0
- package/style/index.css +2 -2
- package/theme/blue.css +2 -2
- package/theme/cctcRed.css +2 -2
- package/theme/fonts/iconfont.1676b4d9.woff2 +0 -0
- package/{style/fonts/iconfont.06971f9f.ttf → theme/fonts/iconfont.2be34155.ttf} +0 -0
- package/theme/fonts/iconfont.ac432622.woff +0 -0
- package/theme/green.css +2 -2
- package/theme/lightBlue.css +2 -2
- package/theme/orange.css +2 -2
- package/theme/purple.css +2 -2
- package/theme/red.css +2 -2
- package/theme/yellow.css +2 -2
- package/src/assets/iconFont3/demo.css +0 -539
- package/src/assets/iconFont3/demo_index.html +0 -1936
- package/src/assets/iconFont3/iconfont.css +0 -319
- package/src/assets/iconFont3/iconfont.js +0 -1
- package/src/assets/iconFont3/iconfont.json +0 -541
- package/src/assets/iconFont3/iconfont.ttf +0 -0
- package/src/assets/iconFont3/iconfont.woff +0 -0
- package/src/assets/iconFont3/iconfont.woff2 +0 -0
- package/src/assets/iconFont4/demo.css +0 -539
- package/src/assets/iconFont4/demo_index.html +0 -2005
- package/src/assets/iconFont4/iconfont.css +0 -331
- package/src/assets/iconFont4/iconfont.js +0 -1
- package/src/assets/iconFont4/iconfont.json +0 -562
- package/src/assets/iconFont4/iconfont.ttf +0 -0
- package/src/assets/iconFont4/iconfont.woff +0 -0
- package/src/assets/iconFont4/iconfont.woff2 +0 -0
- package/src/assets/iconFont5/demo.css +0 -539
- package/src/assets/iconFont5/demo_index.html +0 -2281
- package/src/assets/iconFont5/iconfont.css +0 -379
- package/src/assets/iconFont5/iconfont.js +0 -1
- package/src/assets/iconFont5/iconfont.json +0 -646
- package/src/assets/iconFont5/iconfont.woff +0 -0
- package/src/assets/iconFont5/iconfont.woff2 +0 -0
- package/src/components/Pagination/mixins/index.js +0 -39
- package/style/fonts/iconfont.47f5da25.woff2 +0 -0
- package/style/fonts/iconfont.6ad948fe.woff +0 -0
- package/style/fonts/iconfont.76d19005.woff2 +0 -0
- package/style/fonts/iconfont.84848783.woff2 +0 -0
- package/style/fonts/iconfont.85c70ef9.ttf +0 -0
- package/style/fonts/iconfont.a3597821.woff +0 -0
- package/style/fonts/iconfont.ab8c366d.ttf +0 -0
- package/style/fonts/iconfont.b7ea4726.woff +0 -0
- package/style/fonts/iconfont.e6bdbf43.woff2 +0 -0
- package/style/fonts/iconfont.f1777a50.woff +0 -0
- package/style/fonts/iconfont.fbdd69b3.ttf +0 -0
|
@@ -1,485 +1,636 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!DOCTYPE html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<div class="nav-tabs">
|
|
56
|
-
<ul id="tabs" class="dib-box">
|
|
57
|
-
<li class="dib active"><span>Unicode</span></li>
|
|
58
|
-
<li class="dib"><span>Font class</span></li>
|
|
59
|
-
<li class="dib"><span>Symbol</span></li>
|
|
60
|
-
</ul>
|
|
61
|
-
|
|
62
|
-
<a
|
|
63
|
-
href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2782772"
|
|
64
|
-
target="_blank"
|
|
65
|
-
class="nav-more"
|
|
66
|
-
>查看项目</a
|
|
67
|
-
>
|
|
68
|
-
</div>
|
|
69
|
-
<div class="tab-container">
|
|
70
|
-
<div class="content unicode" style="display: block">
|
|
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=2782772" target="_blank" class="nav-more">查看项目</a>
|
|
51
|
+
|
|
52
|
+
</div>
|
|
53
|
+
<div class="tab-container">
|
|
54
|
+
<div class="content unicode" style="display: block;">
|
|
71
55
|
<ul class="icon_lists dib-box">
|
|
56
|
+
|
|
57
|
+
<li class="dib">
|
|
58
|
+
<span class="icon core-lib-iconfont"></span>
|
|
59
|
+
<div class="name">语言切换</div>
|
|
60
|
+
<div class="code-name">&#xe62f;</div>
|
|
61
|
+
</li>
|
|
62
|
+
|
|
63
|
+
<li class="dib">
|
|
64
|
+
<span class="icon core-lib-iconfont"></span>
|
|
65
|
+
<div class="name">arrows</div>
|
|
66
|
+
<div class="code-name">&#xe62e;</div>
|
|
67
|
+
</li>
|
|
68
|
+
|
|
69
|
+
<li class="dib">
|
|
70
|
+
<span class="icon core-lib-iconfont"></span>
|
|
71
|
+
<div class="name">menu</div>
|
|
72
|
+
<div class="code-name">&#xe61e;</div>
|
|
73
|
+
</li>
|
|
74
|
+
|
|
75
|
+
<li class="dib">
|
|
76
|
+
<span class="icon core-lib-iconfont"></span>
|
|
77
|
+
<div class="name">jtskywgk</div>
|
|
78
|
+
<div class="code-name">&#xe613;</div>
|
|
79
|
+
</li>
|
|
80
|
+
|
|
81
|
+
<li class="dib">
|
|
82
|
+
<span class="icon core-lib-iconfont"></span>
|
|
83
|
+
<div class="name">cszhyw</div>
|
|
84
|
+
<div class="code-name">&#xe614;</div>
|
|
85
|
+
</li>
|
|
86
|
+
|
|
87
|
+
<li class="dib">
|
|
88
|
+
<span class="icon core-lib-iconfont"></span>
|
|
89
|
+
<div class="name">jrwg</div>
|
|
90
|
+
<div class="code-name">&#xe615;</div>
|
|
91
|
+
</li>
|
|
92
|
+
|
|
93
|
+
<li class="dib">
|
|
94
|
+
<span class="icon core-lib-iconfont"></span>
|
|
95
|
+
<div class="name">csywgl</div>
|
|
96
|
+
<div class="code-name">&#xe616;</div>
|
|
97
|
+
</li>
|
|
98
|
+
|
|
99
|
+
<li class="dib">
|
|
100
|
+
<span class="icon core-lib-iconfont"></span>
|
|
101
|
+
<div class="name">cszlpt</div>
|
|
102
|
+
<div class="code-name">&#xe617;</div>
|
|
103
|
+
</li>
|
|
104
|
+
|
|
105
|
+
<li class="dib">
|
|
106
|
+
<span class="icon core-lib-iconfont"></span>
|
|
107
|
+
<div class="name">cswy</div>
|
|
108
|
+
<div class="code-name">&#xe618;</div>
|
|
109
|
+
</li>
|
|
110
|
+
|
|
111
|
+
<li class="dib">
|
|
112
|
+
<span class="icon core-lib-iconfont"></span>
|
|
113
|
+
<div class="name">jtsjfx</div>
|
|
114
|
+
<div class="code-name">&#xe619;</div>
|
|
115
|
+
</li>
|
|
116
|
+
|
|
117
|
+
<li class="dib">
|
|
118
|
+
<span class="icon core-lib-iconfont"></span>
|
|
119
|
+
<div class="name">csfzjc</div>
|
|
120
|
+
<div class="code-name">&#xe61a;</div>
|
|
121
|
+
</li>
|
|
122
|
+
|
|
123
|
+
<li class="dib">
|
|
124
|
+
<span class="icon core-lib-iconfont"></span>
|
|
125
|
+
<div class="name">query</div>
|
|
126
|
+
<div class="code-name">&#xe612;</div>
|
|
127
|
+
</li>
|
|
128
|
+
|
|
129
|
+
<li class="dib">
|
|
130
|
+
<span class="icon core-lib-iconfont"></span>
|
|
131
|
+
<div class="name">风控管理</div>
|
|
132
|
+
<div class="code-name">&#xe611;</div>
|
|
133
|
+
</li>
|
|
134
|
+
|
|
135
|
+
<li class="dib">
|
|
136
|
+
<span class="icon core-lib-iconfont"></span>
|
|
137
|
+
<div class="name">清除</div>
|
|
138
|
+
<div class="code-name">&#xe610;</div>
|
|
139
|
+
</li>
|
|
140
|
+
|
|
141
|
+
<li class="dib">
|
|
142
|
+
<span class="icon core-lib-iconfont"></span>
|
|
143
|
+
<div class="name">移除</div>
|
|
144
|
+
<div class="code-name">&#xe60f;</div>
|
|
145
|
+
</li>
|
|
146
|
+
|
|
147
|
+
<li class="dib">
|
|
148
|
+
<span class="icon core-lib-iconfont"></span>
|
|
149
|
+
<div class="name">增加 copy</div>
|
|
150
|
+
<div class="code-name">&#xe62d;</div>
|
|
151
|
+
</li>
|
|
152
|
+
|
|
153
|
+
<li class="dib">
|
|
154
|
+
<span class="icon core-lib-iconfont"></span>
|
|
155
|
+
<div class="name">图钉</div>
|
|
156
|
+
<div class="code-name">&#xe60c;</div>
|
|
157
|
+
</li>
|
|
158
|
+
|
|
159
|
+
<li class="dib">
|
|
160
|
+
<span class="icon core-lib-iconfont"></span>
|
|
161
|
+
<div class="name">出口</div>
|
|
162
|
+
<div class="code-name">&#xe621;</div>
|
|
163
|
+
</li>
|
|
164
|
+
|
|
165
|
+
<li class="dib">
|
|
166
|
+
<span class="icon core-lib-iconfont"></span>
|
|
167
|
+
<div class="name">步骤</div>
|
|
168
|
+
<div class="code-name">&#xe622;</div>
|
|
169
|
+
</li>
|
|
170
|
+
|
|
171
|
+
<li class="dib">
|
|
172
|
+
<span class="icon core-lib-iconfont"></span>
|
|
173
|
+
<div class="name">撤销</div>
|
|
174
|
+
<div class="code-name">&#xe623;</div>
|
|
175
|
+
</li>
|
|
176
|
+
|
|
177
|
+
<li class="dib">
|
|
178
|
+
<span class="icon core-lib-iconfont"></span>
|
|
179
|
+
<div class="name">并行网关</div>
|
|
180
|
+
<div class="code-name">&#xe624;</div>
|
|
181
|
+
</li>
|
|
182
|
+
|
|
183
|
+
<li class="dib">
|
|
184
|
+
<span class="icon core-lib-iconfont"></span>
|
|
185
|
+
<div class="name">保存</div>
|
|
186
|
+
<div class="code-name">&#xe626;</div>
|
|
187
|
+
</li>
|
|
188
|
+
|
|
189
|
+
<li class="dib">
|
|
190
|
+
<span class="icon core-lib-iconfont"></span>
|
|
191
|
+
<div class="name">框选</div>
|
|
192
|
+
<div class="code-name">&#xe627;</div>
|
|
193
|
+
</li>
|
|
194
|
+
|
|
195
|
+
<li class="dib">
|
|
196
|
+
<span class="icon core-lib-iconfont"></span>
|
|
197
|
+
<div class="name">分支网关</div>
|
|
198
|
+
<div class="code-name">&#xe628;</div>
|
|
199
|
+
</li>
|
|
200
|
+
|
|
201
|
+
<li class="dib">
|
|
202
|
+
<span class="icon core-lib-iconfont"></span>
|
|
203
|
+
<div class="name">预览</div>
|
|
204
|
+
<div class="code-name">&#xe629;</div>
|
|
205
|
+
</li>
|
|
206
|
+
|
|
207
|
+
<li class="dib">
|
|
208
|
+
<span class="icon core-lib-iconfont"></span>
|
|
209
|
+
<div class="name">入口</div>
|
|
210
|
+
<div class="code-name">&#xe62a;</div>
|
|
211
|
+
</li>
|
|
212
|
+
|
|
213
|
+
<li class="dib">
|
|
214
|
+
<span class="icon core-lib-iconfont"></span>
|
|
215
|
+
<div class="name">合并网关</div>
|
|
216
|
+
<div class="code-name">&#xe62b;</div>
|
|
217
|
+
</li>
|
|
218
|
+
|
|
219
|
+
<li class="dib">
|
|
220
|
+
<span class="icon core-lib-iconfont"></span>
|
|
221
|
+
<div class="name">恢复</div>
|
|
222
|
+
<div class="code-name">&#xe62c;</div>
|
|
223
|
+
</li>
|
|
224
|
+
|
|
72
225
|
<li class="dib">
|
|
73
226
|
<span class="icon core-lib-iconfont"></span>
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
227
|
+
<div class="name">收起折叠（去边框）</div>
|
|
228
|
+
<div class="code-name">&#xe620;</div>
|
|
229
|
+
</li>
|
|
230
|
+
|
|
78
231
|
<li class="dib">
|
|
79
232
|
<span class="icon core-lib-iconfont"></span>
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
233
|
+
<div class="name">折叠收起</div>
|
|
234
|
+
<div class="code-name">&#xe61f;</div>
|
|
235
|
+
</li>
|
|
236
|
+
|
|
84
237
|
<li class="dib">
|
|
85
238
|
<span class="icon core-lib-iconfont"></span>
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
239
|
+
<div class="name">倒序</div>
|
|
240
|
+
<div class="code-name">&#xe61c;</div>
|
|
241
|
+
</li>
|
|
242
|
+
|
|
90
243
|
<li class="dib">
|
|
91
244
|
<span class="icon core-lib-iconfont"></span>
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
245
|
+
<div class="name">顺序</div>
|
|
246
|
+
<div class="code-name">&#xe61d;</div>
|
|
247
|
+
</li>
|
|
248
|
+
|
|
96
249
|
<li class="dib">
|
|
97
250
|
<span class="icon core-lib-iconfont"></span>
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
251
|
+
<div class="name">菜单收起</div>
|
|
252
|
+
<div class="code-name">&#xe61b;</div>
|
|
253
|
+
</li>
|
|
254
|
+
|
|
102
255
|
<li class="dib">
|
|
103
256
|
<span class="icon core-lib-iconfont"></span>
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
257
|
+
<div class="name">流程</div>
|
|
258
|
+
<div class="code-name">&#xe661;</div>
|
|
259
|
+
</li>
|
|
260
|
+
|
|
108
261
|
<li class="dib">
|
|
109
262
|
<span class="icon core-lib-iconfont"></span>
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
263
|
+
<div class="name">成功</div>
|
|
264
|
+
<div class="code-name">&#xe640;</div>
|
|
265
|
+
</li>
|
|
266
|
+
|
|
114
267
|
<li class="dib">
|
|
115
268
|
<span class="icon core-lib-iconfont"></span>
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
269
|
+
<div class="name">4.down</div>
|
|
270
|
+
<div class="code-name">&#xe642;</div>
|
|
271
|
+
</li>
|
|
272
|
+
|
|
120
273
|
<li class="dib">
|
|
121
274
|
<span class="icon core-lib-iconfont"></span>
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
275
|
+
<div class="name">编 辑</div>
|
|
276
|
+
<div class="code-name">&#xe643;</div>
|
|
277
|
+
</li>
|
|
278
|
+
|
|
126
279
|
<li class="dib">
|
|
127
280
|
<span class="icon core-lib-iconfont"></span>
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
281
|
+
<div class="name">单选框-未选中</div>
|
|
282
|
+
<div class="code-name">&#xe644;</div>
|
|
283
|
+
</li>
|
|
284
|
+
|
|
132
285
|
<li class="dib">
|
|
133
286
|
<span class="icon core-lib-iconfont"></span>
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
287
|
+
<div class="name">错误</div>
|
|
288
|
+
<div class="code-name">&#xe645;</div>
|
|
289
|
+
</li>
|
|
290
|
+
|
|
138
291
|
<li class="dib">
|
|
139
292
|
<span class="icon core-lib-iconfont"></span>
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
293
|
+
<div class="name">单选框-已选中</div>
|
|
294
|
+
<div class="code-name">&#xe648;</div>
|
|
295
|
+
</li>
|
|
296
|
+
|
|
144
297
|
<li class="dib">
|
|
145
298
|
<span class="icon core-lib-iconfont"></span>
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
299
|
+
<div class="name">多选框-未选悬停</div>
|
|
300
|
+
<div class="code-name">&#xe64a;</div>
|
|
301
|
+
</li>
|
|
302
|
+
|
|
150
303
|
<li class="dib">
|
|
151
304
|
<span class="icon core-lib-iconfont"></span>
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
305
|
+
<div class="name">反馈-成功空心</div>
|
|
306
|
+
<div class="code-name">&#xe655;</div>
|
|
307
|
+
</li>
|
|
308
|
+
|
|
156
309
|
<li class="dib">
|
|
157
310
|
<span class="icon core-lib-iconfont"></span>
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
311
|
+
<div class="name">年份切换-右侧</div>
|
|
312
|
+
<div class="code-name">&#xe657;</div>
|
|
313
|
+
</li>
|
|
314
|
+
|
|
162
315
|
<li class="dib">
|
|
163
316
|
<span class="icon core-lib-iconfont"></span>
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
317
|
+
<div class="name">反馈-信息空心</div>
|
|
318
|
+
<div class="code-name">&#xe658;</div>
|
|
319
|
+
</li>
|
|
320
|
+
|
|
168
321
|
<li class="dib">
|
|
169
322
|
<span class="icon core-lib-iconfont"></span>
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
323
|
+
<div class="name">关闭-默认</div>
|
|
324
|
+
<div class="code-name">&#xe659;</div>
|
|
325
|
+
</li>
|
|
326
|
+
|
|
174
327
|
<li class="dib">
|
|
175
328
|
<span class="icon core-lib-iconfont"></span>
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
329
|
+
<div class="name">减号</div>
|
|
330
|
+
<div class="code-name">&#xe65d;</div>
|
|
331
|
+
</li>
|
|
332
|
+
|
|
180
333
|
<li class="dib">
|
|
181
334
|
<span class="icon core-lib-iconfont"></span>
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
335
|
+
<div class="name">可关闭错误</div>
|
|
336
|
+
<div class="code-name">&#xe663;</div>
|
|
337
|
+
</li>
|
|
338
|
+
|
|
186
339
|
<li class="dib">
|
|
187
340
|
<span class="icon core-lib-iconfont"></span>
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
341
|
+
<div class="name">年份切换-左侧</div>
|
|
342
|
+
<div class="code-name">&#xe664;</div>
|
|
343
|
+
</li>
|
|
344
|
+
|
|
192
345
|
<li class="dib">
|
|
193
346
|
<span class="icon core-lib-iconfont"></span>
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
347
|
+
<div class="name">默认</div>
|
|
348
|
+
<div class="code-name">&#xe665;</div>
|
|
349
|
+
</li>
|
|
350
|
+
|
|
198
351
|
<li class="dib">
|
|
199
352
|
<span class="icon core-lib-iconfont"></span>
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
353
|
+
<div class="name">搜索框-搜索弹窗</div>
|
|
354
|
+
<div class="code-name">&#xe668;</div>
|
|
355
|
+
</li>
|
|
356
|
+
|
|
204
357
|
<li class="dib">
|
|
205
358
|
<span class="icon core-lib-iconfont"></span>
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
359
|
+
<div class="name">提示</div>
|
|
360
|
+
<div class="code-name">&#xe66a;</div>
|
|
361
|
+
</li>
|
|
362
|
+
|
|
210
363
|
<li class="dib">
|
|
211
364
|
<span class="icon core-lib-iconfont"></span>
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
365
|
+
<div class="name">下拉-默认</div>
|
|
366
|
+
<div class="code-name">&#xe66c;</div>
|
|
367
|
+
</li>
|
|
368
|
+
|
|
216
369
|
<li class="dib">
|
|
217
370
|
<span class="icon core-lib-iconfont"></span>
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
371
|
+
<div class="name">日期选择-日历</div>
|
|
372
|
+
<div class="code-name">&#xe66d;</div>
|
|
373
|
+
</li>
|
|
374
|
+
|
|
222
375
|
<li class="dib">
|
|
223
376
|
<span class="icon core-lib-iconfont"></span>
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
377
|
+
<div class="name">卡片（选中）</div>
|
|
378
|
+
<div class="code-name">&#xe66e;</div>
|
|
379
|
+
</li>
|
|
380
|
+
|
|
228
381
|
<li class="dib">
|
|
229
382
|
<span class="icon core-lib-iconfont"></span>
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
383
|
+
<div class="name">新增</div>
|
|
384
|
+
<div class="code-name">&#xe66f;</div>
|
|
385
|
+
</li>
|
|
386
|
+
|
|
234
387
|
<li class="dib">
|
|
235
388
|
<span class="icon core-lib-iconfont"></span>
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
389
|
+
<div class="name">文件</div>
|
|
390
|
+
<div class="code-name">&#xe671;</div>
|
|
391
|
+
</li>
|
|
392
|
+
|
|
240
393
|
<li class="dib">
|
|
241
394
|
<span class="icon core-lib-iconfont"></span>
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
395
|
+
<div class="name">信息</div>
|
|
396
|
+
<div class="code-name">&#xe674;</div>
|
|
397
|
+
</li>
|
|
398
|
+
|
|
246
399
|
<li class="dib">
|
|
247
400
|
<span class="icon core-lib-iconfont"></span>
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
401
|
+
<div class="name">图标和文本提示</div>
|
|
402
|
+
<div class="code-name">&#xe675;</div>
|
|
403
|
+
</li>
|
|
404
|
+
|
|
252
405
|
<li class="dib">
|
|
253
406
|
<span class="icon core-lib-iconfont"></span>
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
407
|
+
<div class="name">下载-默认</div>
|
|
408
|
+
<div class="code-name">&#xe676;</div>
|
|
409
|
+
</li>
|
|
410
|
+
|
|
258
411
|
<li class="dib">
|
|
259
412
|
<span class="icon core-lib-iconfont"></span>
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
413
|
+
<div class="name">文件上传</div>
|
|
414
|
+
<div class="code-name">&#xe677;</div>
|
|
415
|
+
</li>
|
|
416
|
+
|
|
264
417
|
<li class="dib">
|
|
265
418
|
<span class="icon core-lib-iconfont"></span>
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
419
|
+
<div class="name">信息提示</div>
|
|
420
|
+
<div class="code-name">&#xe679;</div>
|
|
421
|
+
</li>
|
|
422
|
+
|
|
270
423
|
<li class="dib">
|
|
271
424
|
<span class="icon core-lib-iconfont"></span>
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
425
|
+
<div class="name">选择框-下拉展开</div>
|
|
426
|
+
<div class="code-name">&#xe67a;</div>
|
|
427
|
+
</li>
|
|
428
|
+
|
|
276
429
|
<li class="dib">
|
|
277
430
|
<span class="icon core-lib-iconfont"></span>
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
431
|
+
<div class="name">选择框-下拉</div>
|
|
432
|
+
<div class="code-name">&#xe67b;</div>
|
|
433
|
+
</li>
|
|
434
|
+
|
|
282
435
|
<li class="dib">
|
|
283
436
|
<span class="icon core-lib-iconfont"></span>
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
437
|
+
<div class="name">月份切换-右侧</div>
|
|
438
|
+
<div class="code-name">&#xe67d;</div>
|
|
439
|
+
</li>
|
|
440
|
+
|
|
288
441
|
<li class="dib">
|
|
289
442
|
<span class="icon core-lib-iconfont"></span>
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
443
|
+
<div class="name">预览-默认</div>
|
|
444
|
+
<div class="code-name">&#xe67f;</div>
|
|
445
|
+
</li>
|
|
446
|
+
|
|
294
447
|
<li class="dib">
|
|
295
448
|
<span class="icon core-lib-iconfont"></span>
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
449
|
+
<div class="name">月份切换-左侧</div>
|
|
450
|
+
<div class="code-name">&#xe680;</div>
|
|
451
|
+
</li>
|
|
452
|
+
|
|
300
453
|
<li class="dib">
|
|
301
454
|
<span class="icon core-lib-iconfont"></span>
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
455
|
+
<div class="name">搜索框-搜索</div>
|
|
456
|
+
<div class="code-name">&#xe684;</div>
|
|
457
|
+
</li>
|
|
458
|
+
|
|
306
459
|
<li class="dib">
|
|
307
460
|
<span class="icon core-lib-iconfont"></span>
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
461
|
+
<div class="name">刷新</div>
|
|
462
|
+
<div class="code-name">&#xe634;</div>
|
|
463
|
+
</li>
|
|
464
|
+
|
|
312
465
|
<li class="dib">
|
|
313
466
|
<span class="icon core-lib-iconfont"></span>
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
467
|
+
<div class="name">下拉</div>
|
|
468
|
+
<div class="code-name">&#xe6b9;</div>
|
|
469
|
+
</li>
|
|
470
|
+
|
|
318
471
|
<li class="dib">
|
|
319
472
|
<span class="icon core-lib-iconfont"></span>
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
473
|
+
<div class="name">编辑选中</div>
|
|
474
|
+
<div class="code-name">&#xe607;</div>
|
|
475
|
+
</li>
|
|
476
|
+
|
|
324
477
|
<li class="dib">
|
|
325
478
|
<span class="icon core-lib-iconfont"></span>
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
479
|
+
<div class="name">表格（选中）</div>
|
|
480
|
+
<div class="code-name">&#xe608;</div>
|
|
481
|
+
</li>
|
|
482
|
+
|
|
330
483
|
<li class="dib">
|
|
331
484
|
<span class="icon core-lib-iconfont"></span>
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
485
|
+
<div class="name">卡片（选中）</div>
|
|
486
|
+
<div class="code-name">&#xe609;</div>
|
|
487
|
+
</li>
|
|
488
|
+
|
|
336
489
|
<li class="dib">
|
|
337
490
|
<span class="icon core-lib-iconfont"></span>
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
491
|
+
<div class="name">全节点（选中）</div>
|
|
492
|
+
<div class="code-name">&#xe60a;</div>
|
|
493
|
+
</li>
|
|
494
|
+
|
|
342
495
|
<li class="dib">
|
|
343
496
|
<span class="icon core-lib-iconfont"></span>
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
497
|
+
<div class="name">删除（选中）</div>
|
|
498
|
+
<div class="code-name">&#xe60b;</div>
|
|
499
|
+
</li>
|
|
500
|
+
|
|
348
501
|
<li class="dib">
|
|
349
502
|
<span class="icon core-lib-iconfont"></span>
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
503
|
+
<div class="name">自身办理节点</div>
|
|
504
|
+
<div class="code-name">&#xe60e;</div>
|
|
505
|
+
</li>
|
|
506
|
+
|
|
354
507
|
<li class="dib">
|
|
355
508
|
<span class="icon core-lib-iconfont"></span>
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
509
|
+
<div class="name">票面（选中）</div>
|
|
510
|
+
<div class="code-name">&#xe605;</div>
|
|
511
|
+
</li>
|
|
512
|
+
|
|
360
513
|
<li class="dib">
|
|
361
514
|
<span class="icon core-lib-iconfont"></span>
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
515
|
+
<div class="name">设置</div>
|
|
516
|
+
<div class="code-name">&#xe8b7;</div>
|
|
517
|
+
</li>
|
|
518
|
+
|
|
366
519
|
<li class="dib">
|
|
367
520
|
<span class="icon core-lib-iconfont"></span>
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
521
|
+
<div class="name">总金额</div>
|
|
522
|
+
<div class="code-name">&#xe64e;</div>
|
|
523
|
+
</li>
|
|
524
|
+
|
|
372
525
|
<li class="dib">
|
|
373
526
|
<span class="icon core-lib-iconfont"></span>
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
527
|
+
<div class="name">向下1</div>
|
|
528
|
+
<div class="code-name">&#xe771;</div>
|
|
529
|
+
</li>
|
|
530
|
+
|
|
378
531
|
<li class="dib">
|
|
379
532
|
<span class="icon core-lib-iconfont"></span>
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
533
|
+
<div class="name">Dollar</div>
|
|
534
|
+
<div class="code-name">&#xe77d;</div>
|
|
535
|
+
</li>
|
|
536
|
+
|
|
384
537
|
<li class="dib">
|
|
385
538
|
<span class="icon core-lib-iconfont"></span>
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
539
|
+
<div class="name">禁止</div>
|
|
540
|
+
<div class="code-name">&#xe654;</div>
|
|
541
|
+
</li>
|
|
542
|
+
|
|
390
543
|
<li class="dib">
|
|
391
544
|
<span class="icon core-lib-iconfont"></span>
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
545
|
+
<div class="name">ic_bank</div>
|
|
546
|
+
<div class="code-name">&#xe6b3;</div>
|
|
547
|
+
</li>
|
|
548
|
+
|
|
396
549
|
<li class="dib">
|
|
397
550
|
<span class="icon core-lib-iconfont"></span>
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
551
|
+
<div class="name">Bill A</div>
|
|
552
|
+
<div class="code-name">&#xea71;</div>
|
|
553
|
+
</li>
|
|
554
|
+
|
|
402
555
|
<li class="dib">
|
|
403
556
|
<span class="icon core-lib-iconfont"></span>
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
557
|
+
<div class="name">删除</div>
|
|
558
|
+
<div class="code-name">&#xe625;</div>
|
|
559
|
+
</li>
|
|
560
|
+
|
|
408
561
|
<li class="dib">
|
|
409
562
|
<span class="icon core-lib-iconfont"></span>
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
563
|
+
<div class="name">消息</div>
|
|
564
|
+
<div class="code-name">&#xe633;</div>
|
|
565
|
+
</li>
|
|
566
|
+
|
|
414
567
|
<li class="dib">
|
|
415
568
|
<span class="icon core-lib-iconfont"></span>
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
569
|
+
<div class="name">shaixuan</div>
|
|
570
|
+
<div class="code-name">&#xe60d;</div>
|
|
571
|
+
</li>
|
|
572
|
+
|
|
420
573
|
<li class="dib">
|
|
421
574
|
<span class="icon core-lib-iconfont"></span>
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
575
|
+
<div class="name">眼睛1</div>
|
|
576
|
+
<div class="code-name">&#xe6cf;</div>
|
|
577
|
+
</li>
|
|
578
|
+
|
|
426
579
|
<li class="dib">
|
|
427
580
|
<span class="icon core-lib-iconfont"></span>
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
581
|
+
<div class="name">上传</div>
|
|
582
|
+
<div class="code-name">&#xe660;</div>
|
|
583
|
+
</li>
|
|
584
|
+
|
|
432
585
|
<li class="dib">
|
|
433
586
|
<span class="icon core-lib-iconfont"></span>
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
587
|
+
<div class="name">删除</div>
|
|
588
|
+
<div class="code-name">&#xe785;</div>
|
|
589
|
+
</li>
|
|
590
|
+
|
|
438
591
|
<li class="dib">
|
|
439
592
|
<span class="icon core-lib-iconfont"></span>
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
593
|
+
<div class="name">拖动</div>
|
|
594
|
+
<div class="code-name">&#xe604;</div>
|
|
595
|
+
</li>
|
|
596
|
+
|
|
444
597
|
<li class="dib">
|
|
445
598
|
<span class="icon core-lib-iconfont"></span>
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
599
|
+
<div class="name">user</div>
|
|
600
|
+
<div class="code-name">&#xe603;</div>
|
|
601
|
+
</li>
|
|
602
|
+
|
|
450
603
|
<li class="dib">
|
|
451
604
|
<span class="icon core-lib-iconfont"></span>
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
605
|
+
<div class="name">date</div>
|
|
606
|
+
<div class="code-name">&#xe602;</div>
|
|
607
|
+
</li>
|
|
608
|
+
|
|
455
609
|
</ul>
|
|
456
610
|
<div class="article markdown">
|
|
457
|
-
|
|
458
|
-
|
|
611
|
+
<h2 id="unicode-">Unicode 引用</h2>
|
|
612
|
+
<hr>
|
|
459
613
|
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
<p>Unicode 使用步骤如下：</p>
|
|
472
|
-
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
|
|
473
|
-
<pre><code class="language-css"
|
|
614
|
+
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
|
|
615
|
+
<ul>
|
|
616
|
+
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
|
|
617
|
+
<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
|
|
618
|
+
</ul>
|
|
619
|
+
<blockquote>
|
|
620
|
+
<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
|
|
621
|
+
</blockquote>
|
|
622
|
+
<p>Unicode 使用步骤如下：</p>
|
|
623
|
+
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
|
|
624
|
+
<pre><code class="language-css"
|
|
474
625
|
>@font-face {
|
|
475
626
|
font-family: 'core-lib-iconfont';
|
|
476
|
-
src: url('iconfont.woff2?t=
|
|
477
|
-
url('iconfont.woff?t=
|
|
478
|
-
url('iconfont.ttf?t=
|
|
627
|
+
src: url('iconfont.woff2?t=1710992109527') format('woff2'),
|
|
628
|
+
url('iconfont.woff?t=1710992109527') format('woff'),
|
|
629
|
+
url('iconfont.ttf?t=1710992109527') format('truetype');
|
|
479
630
|
}
|
|
480
631
|
</code></pre>
|
|
481
|
-
|
|
482
|
-
|
|
632
|
+
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
|
633
|
+
<pre><code class="language-css"
|
|
483
634
|
>.core-lib-iconfont {
|
|
484
635
|
font-family: "core-lib-iconfont" !important;
|
|
485
636
|
font-size: 16px;
|
|
@@ -488,960 +639,1629 @@
|
|
|
488
639
|
-moz-osx-font-smoothing: grayscale;
|
|
489
640
|
}
|
|
490
641
|
</code></pre>
|
|
491
|
-
|
|
492
|
-
|
|
642
|
+
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
|
|
643
|
+
<pre>
|
|
493
644
|
<code class="language-html"
|
|
494
645
|
><span class="core-lib-iconfont">&#x33;</span>
|
|
495
646
|
</code></pre>
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
647
|
+
<blockquote>
|
|
648
|
+
<p>"core-lib-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
|
|
649
|
+
</blockquote>
|
|
499
650
|
</div>
|
|
500
|
-
|
|
501
|
-
|
|
651
|
+
</div>
|
|
652
|
+
<div class="content font-class">
|
|
653
|
+
<ul class="icon_lists dib-box">
|
|
654
|
+
|
|
655
|
+
<li class="dib">
|
|
656
|
+
<span class="icon core-lib-iconfont n20-icon-yuyanqiehuan"></span>
|
|
657
|
+
<div class="name">
|
|
658
|
+
语言切换
|
|
659
|
+
</div>
|
|
660
|
+
<div class="code-name">.n20-icon-yuyanqiehuan
|
|
661
|
+
</div>
|
|
662
|
+
</li>
|
|
663
|
+
|
|
664
|
+
<li class="dib">
|
|
665
|
+
<span class="icon core-lib-iconfont n20-icon-lujing"></span>
|
|
666
|
+
<div class="name">
|
|
667
|
+
arrows
|
|
668
|
+
</div>
|
|
669
|
+
<div class="code-name">.n20-icon-lujing
|
|
670
|
+
</div>
|
|
671
|
+
</li>
|
|
672
|
+
|
|
673
|
+
<li class="dib">
|
|
674
|
+
<span class="icon core-lib-iconfont n20-icon-caidan"></span>
|
|
675
|
+
<div class="name">
|
|
676
|
+
menu
|
|
677
|
+
</div>
|
|
678
|
+
<div class="code-name">.n20-icon-caidan
|
|
679
|
+
</div>
|
|
680
|
+
</li>
|
|
681
|
+
|
|
682
|
+
<li class="dib">
|
|
683
|
+
<span class="icon core-lib-iconfont n20-icon-a-bianzu701"></span>
|
|
684
|
+
<div class="name">
|
|
685
|
+
jtskywgk
|
|
686
|
+
</div>
|
|
687
|
+
<div class="code-name">.n20-icon-a-bianzu701
|
|
688
|
+
</div>
|
|
689
|
+
</li>
|
|
690
|
+
|
|
691
|
+
<li class="dib">
|
|
692
|
+
<span class="icon core-lib-iconfont n20-icon-zhcsyw"></span>
|
|
693
|
+
<div class="name">
|
|
694
|
+
cszhyw
|
|
695
|
+
</div>
|
|
696
|
+
<div class="code-name">.n20-icon-zhcsyw
|
|
697
|
+
</div>
|
|
698
|
+
</li>
|
|
699
|
+
|
|
700
|
+
<li class="dib">
|
|
701
|
+
<span class="icon core-lib-iconfont n20-icon-a-bianzu1"></span>
|
|
702
|
+
<div class="name">
|
|
703
|
+
jrwg
|
|
704
|
+
</div>
|
|
705
|
+
<div class="code-name">.n20-icon-a-bianzu1
|
|
706
|
+
</div>
|
|
707
|
+
</li>
|
|
708
|
+
|
|
709
|
+
<li class="dib">
|
|
710
|
+
<span class="icon core-lib-iconfont n20-icon-bianzu"></span>
|
|
711
|
+
<div class="name">
|
|
712
|
+
csywgl
|
|
713
|
+
</div>
|
|
714
|
+
<div class="code-name">.n20-icon-bianzu
|
|
715
|
+
</div>
|
|
716
|
+
</li>
|
|
717
|
+
|
|
718
|
+
<li class="dib">
|
|
719
|
+
<span class="icon core-lib-iconfont n20-icon-a-bianzu3"></span>
|
|
720
|
+
<div class="name">
|
|
721
|
+
cszlpt
|
|
722
|
+
</div>
|
|
723
|
+
<div class="code-name">.n20-icon-a-bianzu3
|
|
724
|
+
</div>
|
|
725
|
+
</li>
|
|
726
|
+
|
|
727
|
+
<li class="dib">
|
|
728
|
+
<span class="icon core-lib-iconfont n20-icon-a-bianzu69"></span>
|
|
729
|
+
<div class="name">
|
|
730
|
+
cswy
|
|
731
|
+
</div>
|
|
732
|
+
<div class="code-name">.n20-icon-a-bianzu69
|
|
733
|
+
</div>
|
|
734
|
+
</li>
|
|
735
|
+
|
|
736
|
+
<li class="dib">
|
|
737
|
+
<span class="icon core-lib-iconfont n20-icon-a-bianzu2"></span>
|
|
738
|
+
<div class="name">
|
|
739
|
+
jtsjfx
|
|
740
|
+
</div>
|
|
741
|
+
<div class="code-name">.n20-icon-a-bianzu2
|
|
742
|
+
</div>
|
|
743
|
+
</li>
|
|
744
|
+
|
|
745
|
+
<li class="dib">
|
|
746
|
+
<span class="icon core-lib-iconfont n20-icon-a-bianzu70"></span>
|
|
747
|
+
<div class="name">
|
|
748
|
+
csfzjc
|
|
749
|
+
</div>
|
|
750
|
+
<div class="code-name">.n20-icon-a-bianzu70
|
|
751
|
+
</div>
|
|
752
|
+
</li>
|
|
753
|
+
|
|
754
|
+
<li class="dib">
|
|
755
|
+
<span class="icon core-lib-iconfont n20-icon-query"></span>
|
|
756
|
+
<div class="name">
|
|
757
|
+
query
|
|
758
|
+
</div>
|
|
759
|
+
<div class="code-name">.n20-icon-query
|
|
760
|
+
</div>
|
|
761
|
+
</li>
|
|
762
|
+
|
|
763
|
+
<li class="dib">
|
|
764
|
+
<span class="icon core-lib-iconfont n20-icon-fengkongguanli"></span>
|
|
765
|
+
<div class="name">
|
|
766
|
+
风控管理
|
|
767
|
+
</div>
|
|
768
|
+
<div class="code-name">.n20-icon-fengkongguanli
|
|
769
|
+
</div>
|
|
770
|
+
</li>
|
|
771
|
+
|
|
772
|
+
<li class="dib">
|
|
773
|
+
<span class="icon core-lib-iconfont n20-icon-qingchu"></span>
|
|
774
|
+
<div class="name">
|
|
775
|
+
清除
|
|
776
|
+
</div>
|
|
777
|
+
<div class="code-name">.n20-icon-qingchu
|
|
778
|
+
</div>
|
|
779
|
+
</li>
|
|
780
|
+
|
|
781
|
+
<li class="dib">
|
|
782
|
+
<span class="icon core-lib-iconfont n20-icon-yichu"></span>
|
|
783
|
+
<div class="name">
|
|
784
|
+
移除
|
|
785
|
+
</div>
|
|
786
|
+
<div class="code-name">.n20-icon-yichu
|
|
787
|
+
</div>
|
|
788
|
+
</li>
|
|
789
|
+
|
|
790
|
+
<li class="dib">
|
|
791
|
+
<span class="icon core-lib-iconfont n20-icon-a-zengjiacopy"></span>
|
|
792
|
+
<div class="name">
|
|
793
|
+
增加 copy
|
|
794
|
+
</div>
|
|
795
|
+
<div class="code-name">.n20-icon-a-zengjiacopy
|
|
796
|
+
</div>
|
|
797
|
+
</li>
|
|
798
|
+
|
|
799
|
+
<li class="dib">
|
|
800
|
+
<span class="icon core-lib-iconfont n20-icon-tuding"></span>
|
|
801
|
+
<div class="name">
|
|
802
|
+
图钉
|
|
803
|
+
</div>
|
|
804
|
+
<div class="code-name">.n20-icon-tuding
|
|
805
|
+
</div>
|
|
806
|
+
</li>
|
|
807
|
+
|
|
808
|
+
<li class="dib">
|
|
809
|
+
<span class="icon core-lib-iconfont n20-icon-chukou"></span>
|
|
810
|
+
<div class="name">
|
|
811
|
+
出口
|
|
812
|
+
</div>
|
|
813
|
+
<div class="code-name">.n20-icon-chukou
|
|
814
|
+
</div>
|
|
815
|
+
</li>
|
|
816
|
+
|
|
817
|
+
<li class="dib">
|
|
818
|
+
<span class="icon core-lib-iconfont n20-icon-buzhou"></span>
|
|
819
|
+
<div class="name">
|
|
820
|
+
步骤
|
|
821
|
+
</div>
|
|
822
|
+
<div class="code-name">.n20-icon-buzhou
|
|
823
|
+
</div>
|
|
824
|
+
</li>
|
|
825
|
+
|
|
826
|
+
<li class="dib">
|
|
827
|
+
<span class="icon core-lib-iconfont n20-icon-chexiao"></span>
|
|
828
|
+
<div class="name">
|
|
829
|
+
撤销
|
|
830
|
+
</div>
|
|
831
|
+
<div class="code-name">.n20-icon-chexiao
|
|
832
|
+
</div>
|
|
833
|
+
</li>
|
|
834
|
+
|
|
835
|
+
<li class="dib">
|
|
836
|
+
<span class="icon core-lib-iconfont n20-icon-binghangwangguan"></span>
|
|
837
|
+
<div class="name">
|
|
838
|
+
并行网关
|
|
839
|
+
</div>
|
|
840
|
+
<div class="code-name">.n20-icon-binghangwangguan
|
|
841
|
+
</div>
|
|
842
|
+
</li>
|
|
843
|
+
|
|
844
|
+
<li class="dib">
|
|
845
|
+
<span class="icon core-lib-iconfont n20-icon-baocun"></span>
|
|
846
|
+
<div class="name">
|
|
847
|
+
保存
|
|
848
|
+
</div>
|
|
849
|
+
<div class="code-name">.n20-icon-baocun
|
|
850
|
+
</div>
|
|
851
|
+
</li>
|
|
852
|
+
|
|
853
|
+
<li class="dib">
|
|
854
|
+
<span class="icon core-lib-iconfont n20-icon-kuangxuan"></span>
|
|
855
|
+
<div class="name">
|
|
856
|
+
框选
|
|
857
|
+
</div>
|
|
858
|
+
<div class="code-name">.n20-icon-kuangxuan
|
|
859
|
+
</div>
|
|
860
|
+
</li>
|
|
861
|
+
|
|
862
|
+
<li class="dib">
|
|
863
|
+
<span class="icon core-lib-iconfont n20-icon-fenzhiwangguan"></span>
|
|
864
|
+
<div class="name">
|
|
865
|
+
分支网关
|
|
866
|
+
</div>
|
|
867
|
+
<div class="code-name">.n20-icon-fenzhiwangguan
|
|
868
|
+
</div>
|
|
869
|
+
</li>
|
|
870
|
+
|
|
871
|
+
<li class="dib">
|
|
872
|
+
<span class="icon core-lib-iconfont n20-icon-yulan"></span>
|
|
873
|
+
<div class="name">
|
|
874
|
+
预览
|
|
875
|
+
</div>
|
|
876
|
+
<div class="code-name">.n20-icon-yulan
|
|
877
|
+
</div>
|
|
878
|
+
</li>
|
|
879
|
+
|
|
880
|
+
<li class="dib">
|
|
881
|
+
<span class="icon core-lib-iconfont n20-icon-rukou"></span>
|
|
882
|
+
<div class="name">
|
|
883
|
+
入口
|
|
884
|
+
</div>
|
|
885
|
+
<div class="code-name">.n20-icon-rukou
|
|
886
|
+
</div>
|
|
887
|
+
</li>
|
|
888
|
+
|
|
889
|
+
<li class="dib">
|
|
890
|
+
<span class="icon core-lib-iconfont n20-icon-hebingwangguan"></span>
|
|
891
|
+
<div class="name">
|
|
892
|
+
合并网关
|
|
893
|
+
</div>
|
|
894
|
+
<div class="code-name">.n20-icon-hebingwangguan
|
|
895
|
+
</div>
|
|
896
|
+
</li>
|
|
897
|
+
|
|
898
|
+
<li class="dib">
|
|
899
|
+
<span class="icon core-lib-iconfont n20-icon-huifu"></span>
|
|
900
|
+
<div class="name">
|
|
901
|
+
恢复
|
|
902
|
+
</div>
|
|
903
|
+
<div class="code-name">.n20-icon-huifu
|
|
904
|
+
</div>
|
|
905
|
+
</li>
|
|
906
|
+
|
|
907
|
+
<li class="dib">
|
|
908
|
+
<span class="icon core-lib-iconfont n20-icon-shouqizhedie"></span>
|
|
909
|
+
<div class="name">
|
|
910
|
+
收起折叠（去边框）
|
|
911
|
+
</div>
|
|
912
|
+
<div class="code-name">.n20-icon-shouqizhedie
|
|
913
|
+
</div>
|
|
914
|
+
</li>
|
|
915
|
+
|
|
916
|
+
<li class="dib">
|
|
917
|
+
<span class="icon core-lib-iconfont n20-icon-zhedieshouqi"></span>
|
|
918
|
+
<div class="name">
|
|
919
|
+
折叠收起
|
|
920
|
+
</div>
|
|
921
|
+
<div class="code-name">.n20-icon-zhedieshouqi
|
|
922
|
+
</div>
|
|
923
|
+
</li>
|
|
924
|
+
|
|
925
|
+
<li class="dib">
|
|
926
|
+
<span class="icon core-lib-iconfont n20-icon-daoxu"></span>
|
|
927
|
+
<div class="name">
|
|
928
|
+
倒序
|
|
929
|
+
</div>
|
|
930
|
+
<div class="code-name">.n20-icon-daoxu
|
|
931
|
+
</div>
|
|
932
|
+
</li>
|
|
933
|
+
|
|
934
|
+
<li class="dib">
|
|
935
|
+
<span class="icon core-lib-iconfont n20-icon-shunxu"></span>
|
|
936
|
+
<div class="name">
|
|
937
|
+
顺序
|
|
938
|
+
</div>
|
|
939
|
+
<div class="code-name">.n20-icon-shunxu
|
|
940
|
+
</div>
|
|
941
|
+
</li>
|
|
942
|
+
|
|
943
|
+
<li class="dib">
|
|
944
|
+
<span class="icon core-lib-iconfont n20-icon-caidanshouqi"></span>
|
|
945
|
+
<div class="name">
|
|
946
|
+
菜单收起
|
|
947
|
+
</div>
|
|
948
|
+
<div class="code-name">.n20-icon-caidanshouqi
|
|
949
|
+
</div>
|
|
950
|
+
</li>
|
|
951
|
+
|
|
952
|
+
<li class="dib">
|
|
953
|
+
<span class="icon core-lib-iconfont n20-icon-liucheng"></span>
|
|
954
|
+
<div class="name">
|
|
955
|
+
流程
|
|
956
|
+
</div>
|
|
957
|
+
<div class="code-name">.n20-icon-liucheng
|
|
958
|
+
</div>
|
|
959
|
+
</li>
|
|
960
|
+
|
|
961
|
+
<li class="dib">
|
|
962
|
+
<span class="icon core-lib-iconfont n20-icon-chenggong"></span>
|
|
963
|
+
<div class="name">
|
|
964
|
+
成功
|
|
965
|
+
</div>
|
|
966
|
+
<div class="code-name">.n20-icon-chenggong
|
|
967
|
+
</div>
|
|
968
|
+
</li>
|
|
969
|
+
|
|
970
|
+
<li class="dib">
|
|
971
|
+
<span class="icon core-lib-iconfont n20-icon-a-4down"></span>
|
|
972
|
+
<div class="name">
|
|
973
|
+
4.down
|
|
974
|
+
</div>
|
|
975
|
+
<div class="code-name">.n20-icon-a-4down
|
|
976
|
+
</div>
|
|
977
|
+
</li>
|
|
978
|
+
|
|
979
|
+
<li class="dib">
|
|
980
|
+
<span class="icon core-lib-iconfont n20-icon-a-bianji"></span>
|
|
981
|
+
<div class="name">
|
|
982
|
+
编 辑
|
|
983
|
+
</div>
|
|
984
|
+
<div class="code-name">.n20-icon-a-bianji
|
|
985
|
+
</div>
|
|
986
|
+
</li>
|
|
987
|
+
|
|
988
|
+
<li class="dib">
|
|
989
|
+
<span class="icon core-lib-iconfont n20-icon-danxuankuang-weixuanzhong"></span>
|
|
990
|
+
<div class="name">
|
|
991
|
+
单选框-未选中
|
|
992
|
+
</div>
|
|
993
|
+
<div class="code-name">.n20-icon-danxuankuang-weixuanzhong
|
|
994
|
+
</div>
|
|
995
|
+
</li>
|
|
996
|
+
|
|
997
|
+
<li class="dib">
|
|
998
|
+
<span class="icon core-lib-iconfont n20-icon-cuowu"></span>
|
|
999
|
+
<div class="name">
|
|
1000
|
+
错误
|
|
1001
|
+
</div>
|
|
1002
|
+
<div class="code-name">.n20-icon-cuowu
|
|
1003
|
+
</div>
|
|
1004
|
+
</li>
|
|
1005
|
+
|
|
1006
|
+
<li class="dib">
|
|
1007
|
+
<span class="icon core-lib-iconfont n20-icon-danxuankuang-yixuanzhong"></span>
|
|
1008
|
+
<div class="name">
|
|
1009
|
+
单选框-已选中
|
|
1010
|
+
</div>
|
|
1011
|
+
<div class="code-name">.n20-icon-danxuankuang-yixuanzhong
|
|
1012
|
+
</div>
|
|
1013
|
+
</li>
|
|
1014
|
+
|
|
1015
|
+
<li class="dib">
|
|
1016
|
+
<span class="icon core-lib-iconfont n20-icon-duoxuankuang-weixuanxuanting"></span>
|
|
1017
|
+
<div class="name">
|
|
1018
|
+
多选框-未选悬停
|
|
1019
|
+
</div>
|
|
1020
|
+
<div class="code-name">.n20-icon-duoxuankuang-weixuanxuanting
|
|
1021
|
+
</div>
|
|
1022
|
+
</li>
|
|
1023
|
+
|
|
1024
|
+
<li class="dib">
|
|
1025
|
+
<span class="icon core-lib-iconfont n20-icon-fankui-chenggongkongxin"></span>
|
|
1026
|
+
<div class="name">
|
|
1027
|
+
反馈-成功空心
|
|
1028
|
+
</div>
|
|
1029
|
+
<div class="code-name">.n20-icon-fankui-chenggongkongxin
|
|
1030
|
+
</div>
|
|
1031
|
+
</li>
|
|
1032
|
+
|
|
1033
|
+
<li class="dib">
|
|
1034
|
+
<span class="icon core-lib-iconfont n20-icon-nianfenqiehuan-youce"></span>
|
|
1035
|
+
<div class="name">
|
|
1036
|
+
年份切换-右侧
|
|
1037
|
+
</div>
|
|
1038
|
+
<div class="code-name">.n20-icon-nianfenqiehuan-youce
|
|
1039
|
+
</div>
|
|
1040
|
+
</li>
|
|
1041
|
+
|
|
1042
|
+
<li class="dib">
|
|
1043
|
+
<span class="icon core-lib-iconfont n20-icon-fankui-xinxikongxin"></span>
|
|
1044
|
+
<div class="name">
|
|
1045
|
+
反馈-信息空心
|
|
1046
|
+
</div>
|
|
1047
|
+
<div class="code-name">.n20-icon-fankui-xinxikongxin
|
|
1048
|
+
</div>
|
|
1049
|
+
</li>
|
|
1050
|
+
|
|
1051
|
+
<li class="dib">
|
|
1052
|
+
<span class="icon core-lib-iconfont n20-icon-guanbi-moren"></span>
|
|
1053
|
+
<div class="name">
|
|
1054
|
+
关闭-默认
|
|
1055
|
+
</div>
|
|
1056
|
+
<div class="code-name">.n20-icon-guanbi-moren
|
|
1057
|
+
</div>
|
|
1058
|
+
</li>
|
|
1059
|
+
|
|
1060
|
+
<li class="dib">
|
|
1061
|
+
<span class="icon core-lib-iconfont n20-icon-jianhao"></span>
|
|
1062
|
+
<div class="name">
|
|
1063
|
+
减号
|
|
1064
|
+
</div>
|
|
1065
|
+
<div class="code-name">.n20-icon-jianhao
|
|
1066
|
+
</div>
|
|
1067
|
+
</li>
|
|
1068
|
+
|
|
1069
|
+
<li class="dib">
|
|
1070
|
+
<span class="icon core-lib-iconfont n20-icon-keguanbicuowu"></span>
|
|
1071
|
+
<div class="name">
|
|
1072
|
+
可关闭错误
|
|
1073
|
+
</div>
|
|
1074
|
+
<div class="code-name">.n20-icon-keguanbicuowu
|
|
1075
|
+
</div>
|
|
1076
|
+
</li>
|
|
1077
|
+
|
|
1078
|
+
<li class="dib">
|
|
1079
|
+
<span class="icon core-lib-iconfont n20-icon-nianfenqiehuan-zuoce"></span>
|
|
1080
|
+
<div class="name">
|
|
1081
|
+
年份切换-左侧
|
|
1082
|
+
</div>
|
|
1083
|
+
<div class="code-name">.n20-icon-nianfenqiehuan-zuoce
|
|
1084
|
+
</div>
|
|
1085
|
+
</li>
|
|
1086
|
+
|
|
1087
|
+
<li class="dib">
|
|
1088
|
+
<span class="icon core-lib-iconfont n20-icon-moren"></span>
|
|
1089
|
+
<div class="name">
|
|
1090
|
+
默认
|
|
1091
|
+
</div>
|
|
1092
|
+
<div class="code-name">.n20-icon-moren
|
|
1093
|
+
</div>
|
|
1094
|
+
</li>
|
|
1095
|
+
|
|
1096
|
+
<li class="dib">
|
|
1097
|
+
<span class="icon core-lib-iconfont n20-icon-sousuokuang-sousuodanchuang"></span>
|
|
1098
|
+
<div class="name">
|
|
1099
|
+
搜索框-搜索弹窗
|
|
1100
|
+
</div>
|
|
1101
|
+
<div class="code-name">.n20-icon-sousuokuang-sousuodanchuang
|
|
1102
|
+
</div>
|
|
1103
|
+
</li>
|
|
1104
|
+
|
|
1105
|
+
<li class="dib">
|
|
1106
|
+
<span class="icon core-lib-iconfont n20-icon-tishi"></span>
|
|
1107
|
+
<div class="name">
|
|
1108
|
+
提示
|
|
1109
|
+
</div>
|
|
1110
|
+
<div class="code-name">.n20-icon-tishi
|
|
1111
|
+
</div>
|
|
1112
|
+
</li>
|
|
1113
|
+
|
|
1114
|
+
<li class="dib">
|
|
1115
|
+
<span class="icon core-lib-iconfont n20-icon-xiala-moren"></span>
|
|
1116
|
+
<div class="name">
|
|
1117
|
+
下拉-默认
|
|
1118
|
+
</div>
|
|
1119
|
+
<div class="code-name">.n20-icon-xiala-moren
|
|
1120
|
+
</div>
|
|
1121
|
+
</li>
|
|
1122
|
+
|
|
1123
|
+
<li class="dib">
|
|
1124
|
+
<span class="icon core-lib-iconfont n20-icon-riqixuanze-rili"></span>
|
|
1125
|
+
<div class="name">
|
|
1126
|
+
日期选择-日历
|
|
1127
|
+
</div>
|
|
1128
|
+
<div class="code-name">.n20-icon-riqixuanze-rili
|
|
1129
|
+
</div>
|
|
1130
|
+
</li>
|
|
1131
|
+
|
|
1132
|
+
<li class="dib">
|
|
1133
|
+
<span class="icon core-lib-iconfont n20-icon-a-kapianxuanzhong1"></span>
|
|
1134
|
+
<div class="name">
|
|
1135
|
+
卡片（选中）
|
|
1136
|
+
</div>
|
|
1137
|
+
<div class="code-name">.n20-icon-a-kapianxuanzhong1
|
|
1138
|
+
</div>
|
|
1139
|
+
</li>
|
|
1140
|
+
|
|
1141
|
+
<li class="dib">
|
|
1142
|
+
<span class="icon core-lib-iconfont n20-icon-xinzeng"></span>
|
|
1143
|
+
<div class="name">
|
|
1144
|
+
新增
|
|
1145
|
+
</div>
|
|
1146
|
+
<div class="code-name">.n20-icon-xinzeng
|
|
1147
|
+
</div>
|
|
1148
|
+
</li>
|
|
1149
|
+
|
|
1150
|
+
<li class="dib">
|
|
1151
|
+
<span class="icon core-lib-iconfont n20-icon-wenjian"></span>
|
|
1152
|
+
<div class="name">
|
|
1153
|
+
文件
|
|
1154
|
+
</div>
|
|
1155
|
+
<div class="code-name">.n20-icon-wenjian
|
|
1156
|
+
</div>
|
|
1157
|
+
</li>
|
|
1158
|
+
|
|
1159
|
+
<li class="dib">
|
|
1160
|
+
<span class="icon core-lib-iconfont n20-icon-xinxi"></span>
|
|
1161
|
+
<div class="name">
|
|
1162
|
+
信息
|
|
1163
|
+
</div>
|
|
1164
|
+
<div class="code-name">.n20-icon-xinxi
|
|
1165
|
+
</div>
|
|
1166
|
+
</li>
|
|
1167
|
+
|
|
1168
|
+
<li class="dib">
|
|
1169
|
+
<span class="icon core-lib-iconfont n20-icon-tubiaohewenbentishi"></span>
|
|
1170
|
+
<div class="name">
|
|
1171
|
+
图标和文本提示
|
|
1172
|
+
</div>
|
|
1173
|
+
<div class="code-name">.n20-icon-tubiaohewenbentishi
|
|
1174
|
+
</div>
|
|
1175
|
+
</li>
|
|
1176
|
+
|
|
1177
|
+
<li class="dib">
|
|
1178
|
+
<span class="icon core-lib-iconfont n20-icon-xiazai-moren"></span>
|
|
1179
|
+
<div class="name">
|
|
1180
|
+
下载-默认
|
|
1181
|
+
</div>
|
|
1182
|
+
<div class="code-name">.n20-icon-xiazai-moren
|
|
1183
|
+
</div>
|
|
1184
|
+
</li>
|
|
1185
|
+
|
|
1186
|
+
<li class="dib">
|
|
1187
|
+
<span class="icon core-lib-iconfont n20-icon-wenjianshangchuan"></span>
|
|
1188
|
+
<div class="name">
|
|
1189
|
+
文件上传
|
|
1190
|
+
</div>
|
|
1191
|
+
<div class="code-name">.n20-icon-wenjianshangchuan
|
|
1192
|
+
</div>
|
|
1193
|
+
</li>
|
|
1194
|
+
|
|
1195
|
+
<li class="dib">
|
|
1196
|
+
<span class="icon core-lib-iconfont n20-icon-xinxitishi"></span>
|
|
1197
|
+
<div class="name">
|
|
1198
|
+
信息提示
|
|
1199
|
+
</div>
|
|
1200
|
+
<div class="code-name">.n20-icon-xinxitishi
|
|
1201
|
+
</div>
|
|
1202
|
+
</li>
|
|
1203
|
+
|
|
1204
|
+
<li class="dib">
|
|
1205
|
+
<span class="icon core-lib-iconfont n20-icon-xuanzekuang-xialazhankai"></span>
|
|
1206
|
+
<div class="name">
|
|
1207
|
+
选择框-下拉展开
|
|
1208
|
+
</div>
|
|
1209
|
+
<div class="code-name">.n20-icon-xuanzekuang-xialazhankai
|
|
1210
|
+
</div>
|
|
1211
|
+
</li>
|
|
1212
|
+
|
|
1213
|
+
<li class="dib">
|
|
1214
|
+
<span class="icon core-lib-iconfont n20-icon-xuanzekuang-xiala"></span>
|
|
1215
|
+
<div class="name">
|
|
1216
|
+
选择框-下拉
|
|
1217
|
+
</div>
|
|
1218
|
+
<div class="code-name">.n20-icon-xuanzekuang-xiala
|
|
1219
|
+
</div>
|
|
1220
|
+
</li>
|
|
1221
|
+
|
|
1222
|
+
<li class="dib">
|
|
1223
|
+
<span class="icon core-lib-iconfont n20-icon-yuefenqiehuan-youce"></span>
|
|
1224
|
+
<div class="name">
|
|
1225
|
+
月份切换-右侧
|
|
1226
|
+
</div>
|
|
1227
|
+
<div class="code-name">.n20-icon-yuefenqiehuan-youce
|
|
1228
|
+
</div>
|
|
1229
|
+
</li>
|
|
1230
|
+
|
|
1231
|
+
<li class="dib">
|
|
1232
|
+
<span class="icon core-lib-iconfont n20-icon-yulan-moren"></span>
|
|
1233
|
+
<div class="name">
|
|
1234
|
+
预览-默认
|
|
1235
|
+
</div>
|
|
1236
|
+
<div class="code-name">.n20-icon-yulan-moren
|
|
1237
|
+
</div>
|
|
1238
|
+
</li>
|
|
1239
|
+
|
|
1240
|
+
<li class="dib">
|
|
1241
|
+
<span class="icon core-lib-iconfont n20-icon-yuefenqiehuan-zuoce"></span>
|
|
1242
|
+
<div class="name">
|
|
1243
|
+
月份切换-左侧
|
|
1244
|
+
</div>
|
|
1245
|
+
<div class="code-name">.n20-icon-yuefenqiehuan-zuoce
|
|
1246
|
+
</div>
|
|
1247
|
+
</li>
|
|
1248
|
+
|
|
1249
|
+
<li class="dib">
|
|
1250
|
+
<span class="icon core-lib-iconfont n20-icon-sousuokuang-sousuo"></span>
|
|
1251
|
+
<div class="name">
|
|
1252
|
+
搜索框-搜索
|
|
1253
|
+
</div>
|
|
1254
|
+
<div class="code-name">.n20-icon-sousuokuang-sousuo
|
|
1255
|
+
</div>
|
|
1256
|
+
</li>
|
|
1257
|
+
|
|
1258
|
+
<li class="dib">
|
|
1259
|
+
<span class="icon core-lib-iconfont n20-icon-shuaxin"></span>
|
|
1260
|
+
<div class="name">
|
|
1261
|
+
刷新
|
|
1262
|
+
</div>
|
|
1263
|
+
<div class="code-name">.n20-icon-shuaxin
|
|
1264
|
+
</div>
|
|
1265
|
+
</li>
|
|
1266
|
+
|
|
1267
|
+
<li class="dib">
|
|
1268
|
+
<span class="icon core-lib-iconfont n20-icon-xiala"></span>
|
|
1269
|
+
<div class="name">
|
|
1270
|
+
下拉
|
|
1271
|
+
</div>
|
|
1272
|
+
<div class="code-name">.n20-icon-xiala
|
|
1273
|
+
</div>
|
|
1274
|
+
</li>
|
|
1275
|
+
|
|
1276
|
+
<li class="dib">
|
|
1277
|
+
<span class="icon core-lib-iconfont n20-icon-bianjixuanzhong"></span>
|
|
1278
|
+
<div class="name">
|
|
1279
|
+
编辑选中
|
|
1280
|
+
</div>
|
|
1281
|
+
<div class="code-name">.n20-icon-bianjixuanzhong
|
|
1282
|
+
</div>
|
|
1283
|
+
</li>
|
|
1284
|
+
|
|
1285
|
+
<li class="dib">
|
|
1286
|
+
<span class="icon core-lib-iconfont n20-icon-a-biaogexuanzhong"></span>
|
|
1287
|
+
<div class="name">
|
|
1288
|
+
表格（选中）
|
|
1289
|
+
</div>
|
|
1290
|
+
<div class="code-name">.n20-icon-a-biaogexuanzhong
|
|
1291
|
+
</div>
|
|
1292
|
+
</li>
|
|
1293
|
+
|
|
1294
|
+
<li class="dib">
|
|
1295
|
+
<span class="icon core-lib-iconfont n20-icon-a-kapianxuanzhong"></span>
|
|
1296
|
+
<div class="name">
|
|
1297
|
+
卡片（选中）
|
|
1298
|
+
</div>
|
|
1299
|
+
<div class="code-name">.n20-icon-a-kapianxuanzhong
|
|
1300
|
+
</div>
|
|
1301
|
+
</li>
|
|
1302
|
+
|
|
1303
|
+
<li class="dib">
|
|
1304
|
+
<span class="icon core-lib-iconfont n20-icon-a-quanjiedianxuanzhong"></span>
|
|
1305
|
+
<div class="name">
|
|
1306
|
+
全节点（选中）
|
|
1307
|
+
</div>
|
|
1308
|
+
<div class="code-name">.n20-icon-a-quanjiedianxuanzhong
|
|
1309
|
+
</div>
|
|
1310
|
+
</li>
|
|
1311
|
+
|
|
1312
|
+
<li class="dib">
|
|
1313
|
+
<span class="icon core-lib-iconfont n20-icon-a-shanchuxuanzhong"></span>
|
|
1314
|
+
<div class="name">
|
|
1315
|
+
删除（选中）
|
|
1316
|
+
</div>
|
|
1317
|
+
<div class="code-name">.n20-icon-a-shanchuxuanzhong
|
|
1318
|
+
</div>
|
|
1319
|
+
</li>
|
|
1320
|
+
|
|
1321
|
+
<li class="dib">
|
|
1322
|
+
<span class="icon core-lib-iconfont n20-icon-zishenbanlijiedian"></span>
|
|
1323
|
+
<div class="name">
|
|
1324
|
+
自身办理节点
|
|
1325
|
+
</div>
|
|
1326
|
+
<div class="code-name">.n20-icon-zishenbanlijiedian
|
|
1327
|
+
</div>
|
|
1328
|
+
</li>
|
|
1329
|
+
|
|
1330
|
+
<li class="dib">
|
|
1331
|
+
<span class="icon core-lib-iconfont n20-icon-a-piaomianxuanzhong"></span>
|
|
1332
|
+
<div class="name">
|
|
1333
|
+
票面（选中）
|
|
1334
|
+
</div>
|
|
1335
|
+
<div class="code-name">.n20-icon-a-piaomianxuanzhong
|
|
1336
|
+
</div>
|
|
1337
|
+
</li>
|
|
1338
|
+
|
|
1339
|
+
<li class="dib">
|
|
1340
|
+
<span class="icon core-lib-iconfont n20-icon-shezhi"></span>
|
|
1341
|
+
<div class="name">
|
|
1342
|
+
设置
|
|
1343
|
+
</div>
|
|
1344
|
+
<div class="code-name">.n20-icon-shezhi
|
|
1345
|
+
</div>
|
|
1346
|
+
</li>
|
|
1347
|
+
|
|
1348
|
+
<li class="dib">
|
|
1349
|
+
<span class="icon core-lib-iconfont n20-icon-zongjine"></span>
|
|
1350
|
+
<div class="name">
|
|
1351
|
+
总金额
|
|
1352
|
+
</div>
|
|
1353
|
+
<div class="code-name">.n20-icon-zongjine
|
|
1354
|
+
</div>
|
|
1355
|
+
</li>
|
|
1356
|
+
|
|
1357
|
+
<li class="dib">
|
|
1358
|
+
<span class="icon core-lib-iconfont n20-icon-xiangxia1"></span>
|
|
1359
|
+
<div class="name">
|
|
1360
|
+
向下1
|
|
1361
|
+
</div>
|
|
1362
|
+
<div class="code-name">.n20-icon-xiangxia1
|
|
1363
|
+
</div>
|
|
1364
|
+
</li>
|
|
1365
|
+
|
|
1366
|
+
<li class="dib">
|
|
1367
|
+
<span class="icon core-lib-iconfont n20-icon-Dollar"></span>
|
|
1368
|
+
<div class="name">
|
|
1369
|
+
Dollar
|
|
1370
|
+
</div>
|
|
1371
|
+
<div class="code-name">.n20-icon-Dollar
|
|
1372
|
+
</div>
|
|
1373
|
+
</li>
|
|
1374
|
+
|
|
1375
|
+
<li class="dib">
|
|
1376
|
+
<span class="icon core-lib-iconfont n20-icon-jinzhi"></span>
|
|
1377
|
+
<div class="name">
|
|
1378
|
+
禁止
|
|
1379
|
+
</div>
|
|
1380
|
+
<div class="code-name">.n20-icon-jinzhi
|
|
1381
|
+
</div>
|
|
1382
|
+
</li>
|
|
1383
|
+
|
|
1384
|
+
<li class="dib">
|
|
1385
|
+
<span class="icon core-lib-iconfont n20-icon-ic_bank"></span>
|
|
1386
|
+
<div class="name">
|
|
1387
|
+
ic_bank
|
|
1388
|
+
</div>
|
|
1389
|
+
<div class="code-name">.n20-icon-ic_bank
|
|
1390
|
+
</div>
|
|
1391
|
+
</li>
|
|
1392
|
+
|
|
1393
|
+
<li class="dib">
|
|
1394
|
+
<span class="icon core-lib-iconfont n20-icon-BillA"></span>
|
|
1395
|
+
<div class="name">
|
|
1396
|
+
Bill A
|
|
1397
|
+
</div>
|
|
1398
|
+
<div class="code-name">.n20-icon-BillA
|
|
1399
|
+
</div>
|
|
1400
|
+
</li>
|
|
1401
|
+
|
|
1402
|
+
<li class="dib">
|
|
1403
|
+
<span class="icon core-lib-iconfont n20-icon-n-shanchu"></span>
|
|
1404
|
+
<div class="name">
|
|
1405
|
+
删除
|
|
1406
|
+
</div>
|
|
1407
|
+
<div class="code-name">.n20-icon-n-shanchu
|
|
1408
|
+
</div>
|
|
1409
|
+
</li>
|
|
1410
|
+
|
|
1411
|
+
<li class="dib">
|
|
1412
|
+
<span class="icon core-lib-iconfont n20-icon-tianchongxing"></span>
|
|
1413
|
+
<div class="name">
|
|
1414
|
+
消息
|
|
1415
|
+
</div>
|
|
1416
|
+
<div class="code-name">.n20-icon-tianchongxing
|
|
1417
|
+
</div>
|
|
1418
|
+
</li>
|
|
1419
|
+
|
|
1420
|
+
<li class="dib">
|
|
1421
|
+
<span class="icon core-lib-iconfont n20-icon-iconfontshaixuan"></span>
|
|
1422
|
+
<div class="name">
|
|
1423
|
+
shaixuan
|
|
1424
|
+
</div>
|
|
1425
|
+
<div class="code-name">.n20-icon-iconfontshaixuan
|
|
1426
|
+
</div>
|
|
1427
|
+
</li>
|
|
1428
|
+
|
|
1429
|
+
<li class="dib">
|
|
1430
|
+
<span class="icon core-lib-iconfont n20-icon-yanjing"></span>
|
|
1431
|
+
<div class="name">
|
|
1432
|
+
眼睛1
|
|
1433
|
+
</div>
|
|
1434
|
+
<div class="code-name">.n20-icon-yanjing
|
|
1435
|
+
</div>
|
|
1436
|
+
</li>
|
|
1437
|
+
|
|
1438
|
+
<li class="dib">
|
|
1439
|
+
<span class="icon core-lib-iconfont n20-icon-shangchuan"></span>
|
|
1440
|
+
<div class="name">
|
|
1441
|
+
上传
|
|
1442
|
+
</div>
|
|
1443
|
+
<div class="code-name">.n20-icon-shangchuan
|
|
1444
|
+
</div>
|
|
1445
|
+
</li>
|
|
1446
|
+
|
|
1447
|
+
<li class="dib">
|
|
1448
|
+
<span class="icon core-lib-iconfont n20-icon-shanchu"></span>
|
|
1449
|
+
<div class="name">
|
|
1450
|
+
删除
|
|
1451
|
+
</div>
|
|
1452
|
+
<div class="code-name">.n20-icon-shanchu
|
|
1453
|
+
</div>
|
|
1454
|
+
</li>
|
|
1455
|
+
|
|
1456
|
+
<li class="dib">
|
|
1457
|
+
<span class="icon core-lib-iconfont n20-icon-tuodong"></span>
|
|
1458
|
+
<div class="name">
|
|
1459
|
+
拖动
|
|
1460
|
+
</div>
|
|
1461
|
+
<div class="code-name">.n20-icon-tuodong
|
|
1462
|
+
</div>
|
|
1463
|
+
</li>
|
|
1464
|
+
|
|
1465
|
+
<li class="dib">
|
|
1466
|
+
<span class="icon core-lib-iconfont n20-icon-user"></span>
|
|
1467
|
+
<div class="name">
|
|
1468
|
+
user
|
|
1469
|
+
</div>
|
|
1470
|
+
<div class="code-name">.n20-icon-user
|
|
1471
|
+
</div>
|
|
1472
|
+
</li>
|
|
1473
|
+
|
|
1474
|
+
<li class="dib">
|
|
1475
|
+
<span class="icon core-lib-iconfont n20-icon-date"></span>
|
|
1476
|
+
<div class="name">
|
|
1477
|
+
date
|
|
1478
|
+
</div>
|
|
1479
|
+
<div class="code-name">.n20-icon-date
|
|
1480
|
+
</div>
|
|
1481
|
+
</li>
|
|
1482
|
+
|
|
1483
|
+
</ul>
|
|
1484
|
+
<div class="article markdown">
|
|
1485
|
+
<h2 id="font-class-">font-class 引用</h2>
|
|
1486
|
+
<hr>
|
|
1487
|
+
|
|
1488
|
+
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
|
|
1489
|
+
<p>与 Unicode 使用方式相比，具有如下特点：</p>
|
|
1490
|
+
<ul>
|
|
1491
|
+
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
|
1492
|
+
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
|
|
1493
|
+
</ul>
|
|
1494
|
+
<p>使用步骤如下：</p>
|
|
1495
|
+
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
|
|
1496
|
+
<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
|
|
1497
|
+
</code></pre>
|
|
1498
|
+
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
|
|
1499
|
+
<pre><code class="language-html"><span class="core-lib-iconfont n20-icon-xxx"></span>
|
|
1500
|
+
</code></pre>
|
|
1501
|
+
<blockquote>
|
|
1502
|
+
<p>"
|
|
1503
|
+
core-lib-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
|
|
1504
|
+
</blockquote>
|
|
1505
|
+
</div>
|
|
1506
|
+
</div>
|
|
1507
|
+
<div class="content symbol">
|
|
502
1508
|
<ul class="icon_lists dib-box">
|
|
1509
|
+
|
|
503
1510
|
<li class="dib">
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
<li class="dib">
|
|
510
|
-
<span class="icon core-lib-iconfont n20-icon-zhedieshouqi"></span>
|
|
511
|
-
<div class="name">折叠收起</div>
|
|
512
|
-
<div class="code-name">.n20-icon-zhedieshouqi</div>
|
|
513
|
-
</li>
|
|
514
|
-
|
|
515
|
-
<li class="dib">
|
|
516
|
-
<span class="icon core-lib-iconfont n20-icon-daoxu"></span>
|
|
517
|
-
<div class="name">倒序</div>
|
|
518
|
-
<div class="code-name">.n20-icon-daoxu</div>
|
|
519
|
-
</li>
|
|
520
|
-
|
|
521
|
-
<li class="dib">
|
|
522
|
-
<span class="icon core-lib-iconfont n20-icon-shunxu"></span>
|
|
523
|
-
<div class="name">顺序</div>
|
|
524
|
-
<div class="code-name">.n20-icon-shunxu</div>
|
|
525
|
-
</li>
|
|
526
|
-
|
|
527
|
-
<li class="dib">
|
|
528
|
-
<span class="icon core-lib-iconfont n20-icon-caidanshouqi"></span>
|
|
529
|
-
<div class="name">菜单收起</div>
|
|
530
|
-
<div class="code-name">.n20-icon-caidanshouqi</div>
|
|
531
|
-
</li>
|
|
532
|
-
|
|
533
|
-
<li class="dib">
|
|
534
|
-
<span class="icon core-lib-iconfont n20-icon-liucheng"></span>
|
|
535
|
-
<div class="name">流程</div>
|
|
536
|
-
<div class="code-name">.n20-icon-liucheng</div>
|
|
537
|
-
</li>
|
|
538
|
-
|
|
539
|
-
<li class="dib">
|
|
540
|
-
<span class="icon core-lib-iconfont n20-icon-chenggong"></span>
|
|
541
|
-
<div class="name">成功</div>
|
|
542
|
-
<div class="code-name">.n20-icon-chenggong</div>
|
|
543
|
-
</li>
|
|
544
|
-
|
|
545
|
-
<li class="dib">
|
|
546
|
-
<span class="icon core-lib-iconfont n20-icon-a-4down"></span>
|
|
547
|
-
<div class="name">4.down</div>
|
|
548
|
-
<div class="code-name">.n20-icon-a-4down</div>
|
|
549
|
-
</li>
|
|
550
|
-
|
|
551
|
-
<li class="dib">
|
|
552
|
-
<span class="icon core-lib-iconfont n20-icon-a-bianji"></span>
|
|
553
|
-
<div class="name">编 辑</div>
|
|
554
|
-
<div class="code-name">.n20-icon-a-bianji</div>
|
|
555
|
-
</li>
|
|
556
|
-
|
|
557
|
-
<li class="dib">
|
|
558
|
-
<span class="icon core-lib-iconfont n20-icon-danxuankuang-weixuanzhong"></span>
|
|
559
|
-
<div class="name">单选框-未选中</div>
|
|
560
|
-
<div class="code-name">.n20-icon-danxuankuang-weixuanzhong</div>
|
|
561
|
-
</li>
|
|
562
|
-
|
|
563
|
-
<li class="dib">
|
|
564
|
-
<span class="icon core-lib-iconfont n20-icon-cuowu"></span>
|
|
565
|
-
<div class="name">错误</div>
|
|
566
|
-
<div class="code-name">.n20-icon-cuowu</div>
|
|
567
|
-
</li>
|
|
568
|
-
|
|
569
|
-
<li class="dib">
|
|
570
|
-
<span class="icon core-lib-iconfont n20-icon-danxuankuang-yixuanzhong"></span>
|
|
571
|
-
<div class="name">单选框-已选中</div>
|
|
572
|
-
<div class="code-name">.n20-icon-danxuankuang-yixuanzhong</div>
|
|
573
|
-
</li>
|
|
574
|
-
|
|
575
|
-
<li class="dib">
|
|
576
|
-
<span class="icon core-lib-iconfont n20-icon-duoxuankuang-weixuanxuanting"></span>
|
|
577
|
-
<div class="name">多选框-未选悬停</div>
|
|
578
|
-
<div class="code-name">.n20-icon-duoxuankuang-weixuanxuanting</div>
|
|
579
|
-
</li>
|
|
580
|
-
|
|
581
|
-
<li class="dib">
|
|
582
|
-
<span class="icon core-lib-iconfont n20-icon-fankui-chenggongkongxin"></span>
|
|
583
|
-
<div class="name">反馈-成功空心</div>
|
|
584
|
-
<div class="code-name">.n20-icon-fankui-chenggongkongxin</div>
|
|
585
|
-
</li>
|
|
586
|
-
|
|
587
|
-
<li class="dib">
|
|
588
|
-
<span class="icon core-lib-iconfont n20-icon-nianfenqiehuan-youce"></span>
|
|
589
|
-
<div class="name">年份切换-右侧</div>
|
|
590
|
-
<div class="code-name">.n20-icon-nianfenqiehuan-youce</div>
|
|
591
|
-
</li>
|
|
592
|
-
|
|
593
|
-
<li class="dib">
|
|
594
|
-
<span class="icon core-lib-iconfont n20-icon-fankui-xinxikongxin"></span>
|
|
595
|
-
<div class="name">反馈-信息空心</div>
|
|
596
|
-
<div class="code-name">.n20-icon-fankui-xinxikongxin</div>
|
|
597
|
-
</li>
|
|
598
|
-
|
|
599
|
-
<li class="dib">
|
|
600
|
-
<span class="icon core-lib-iconfont n20-icon-guanbi-moren"></span>
|
|
601
|
-
<div class="name">关闭-默认</div>
|
|
602
|
-
<div class="code-name">.n20-icon-guanbi-moren</div>
|
|
603
|
-
</li>
|
|
604
|
-
|
|
605
|
-
<li class="dib">
|
|
606
|
-
<span class="icon core-lib-iconfont n20-icon-jianhao"></span>
|
|
607
|
-
<div class="name">减号</div>
|
|
608
|
-
<div class="code-name">.n20-icon-jianhao</div>
|
|
609
|
-
</li>
|
|
610
|
-
|
|
611
|
-
<li class="dib">
|
|
612
|
-
<span class="icon core-lib-iconfont n20-icon-keguanbicuowu"></span>
|
|
613
|
-
<div class="name">可关闭错误</div>
|
|
614
|
-
<div class="code-name">.n20-icon-keguanbicuowu</div>
|
|
615
|
-
</li>
|
|
616
|
-
|
|
617
|
-
<li class="dib">
|
|
618
|
-
<span class="icon core-lib-iconfont n20-icon-nianfenqiehuan-zuoce"></span>
|
|
619
|
-
<div class="name">年份切换-左侧</div>
|
|
620
|
-
<div class="code-name">.n20-icon-nianfenqiehuan-zuoce</div>
|
|
621
|
-
</li>
|
|
622
|
-
|
|
623
|
-
<li class="dib">
|
|
624
|
-
<span class="icon core-lib-iconfont n20-icon-moren"></span>
|
|
625
|
-
<div class="name">默认</div>
|
|
626
|
-
<div class="code-name">.n20-icon-moren</div>
|
|
627
|
-
</li>
|
|
628
|
-
|
|
629
|
-
<li class="dib">
|
|
630
|
-
<span class="icon core-lib-iconfont n20-icon-sousuokuang-sousuodanchuang"></span>
|
|
631
|
-
<div class="name">搜索框-搜索弹窗</div>
|
|
632
|
-
<div class="code-name">.n20-icon-sousuokuang-sousuodanchuang</div>
|
|
633
|
-
</li>
|
|
634
|
-
|
|
635
|
-
<li class="dib">
|
|
636
|
-
<span class="icon core-lib-iconfont n20-icon-tishi"></span>
|
|
637
|
-
<div class="name">提示</div>
|
|
638
|
-
<div class="code-name">.n20-icon-tishi</div>
|
|
639
|
-
</li>
|
|
640
|
-
|
|
641
|
-
<li class="dib">
|
|
642
|
-
<span class="icon core-lib-iconfont n20-icon-xiala-moren"></span>
|
|
643
|
-
<div class="name">下拉-默认</div>
|
|
644
|
-
<div class="code-name">.n20-icon-xiala-moren</div>
|
|
645
|
-
</li>
|
|
646
|
-
|
|
647
|
-
<li class="dib">
|
|
648
|
-
<span class="icon core-lib-iconfont n20-icon-riqixuanze-rili"></span>
|
|
649
|
-
<div class="name">日期选择-日历</div>
|
|
650
|
-
<div class="code-name">.n20-icon-riqixuanze-rili</div>
|
|
651
|
-
</li>
|
|
652
|
-
|
|
653
|
-
<li class="dib">
|
|
654
|
-
<span class="icon core-lib-iconfont n20-icon-a-kapianxuanzhong1"></span>
|
|
655
|
-
<div class="name">卡片（选中）</div>
|
|
656
|
-
<div class="code-name">.n20-icon-a-kapianxuanzhong1</div>
|
|
657
|
-
</li>
|
|
658
|
-
|
|
659
|
-
<li class="dib">
|
|
660
|
-
<span class="icon core-lib-iconfont n20-icon-xinzeng"></span>
|
|
661
|
-
<div class="name">新增</div>
|
|
662
|
-
<div class="code-name">.n20-icon-xinzeng</div>
|
|
663
|
-
</li>
|
|
664
|
-
|
|
665
|
-
<li class="dib">
|
|
666
|
-
<span class="icon core-lib-iconfont n20-icon-wenjian"></span>
|
|
667
|
-
<div class="name">文件</div>
|
|
668
|
-
<div class="code-name">.n20-icon-wenjian</div>
|
|
669
|
-
</li>
|
|
670
|
-
|
|
671
|
-
<li class="dib">
|
|
672
|
-
<span class="icon core-lib-iconfont n20-icon-xinxi"></span>
|
|
673
|
-
<div class="name">信息</div>
|
|
674
|
-
<div class="code-name">.n20-icon-xinxi</div>
|
|
675
|
-
</li>
|
|
676
|
-
|
|
677
|
-
<li class="dib">
|
|
678
|
-
<span class="icon core-lib-iconfont n20-icon-tubiaohewenbentishi"></span>
|
|
679
|
-
<div class="name">图标和文本提示</div>
|
|
680
|
-
<div class="code-name">.n20-icon-tubiaohewenbentishi</div>
|
|
681
|
-
</li>
|
|
682
|
-
|
|
683
|
-
<li class="dib">
|
|
684
|
-
<span class="icon core-lib-iconfont n20-icon-xiazai-moren"></span>
|
|
685
|
-
<div class="name">下载-默认</div>
|
|
686
|
-
<div class="code-name">.n20-icon-xiazai-moren</div>
|
|
687
|
-
</li>
|
|
688
|
-
|
|
689
|
-
<li class="dib">
|
|
690
|
-
<span class="icon core-lib-iconfont n20-icon-wenjianshangchuan"></span>
|
|
691
|
-
<div class="name">文件上传</div>
|
|
692
|
-
<div class="code-name">.n20-icon-wenjianshangchuan</div>
|
|
693
|
-
</li>
|
|
694
|
-
|
|
695
|
-
<li class="dib">
|
|
696
|
-
<span class="icon core-lib-iconfont n20-icon-xinxitishi"></span>
|
|
697
|
-
<div class="name">信息提示</div>
|
|
698
|
-
<div class="code-name">.n20-icon-xinxitishi</div>
|
|
699
|
-
</li>
|
|
700
|
-
|
|
701
|
-
<li class="dib">
|
|
702
|
-
<span class="icon core-lib-iconfont n20-icon-xuanzekuang-xialazhankai"></span>
|
|
703
|
-
<div class="name">选择框-下拉展开</div>
|
|
704
|
-
<div class="code-name">.n20-icon-xuanzekuang-xialazhankai</div>
|
|
705
|
-
</li>
|
|
706
|
-
|
|
707
|
-
<li class="dib">
|
|
708
|
-
<span class="icon core-lib-iconfont n20-icon-xuanzekuang-xiala"></span>
|
|
709
|
-
<div class="name">选择框-下拉</div>
|
|
710
|
-
<div class="code-name">.n20-icon-xuanzekuang-xiala</div>
|
|
1511
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1512
|
+
<use xlink:href="#n20-icon-yuyanqiehuan"></use>
|
|
1513
|
+
</svg>
|
|
1514
|
+
<div class="name">语言切换</div>
|
|
1515
|
+
<div class="code-name">#n20-icon-yuyanqiehuan</div>
|
|
711
1516
|
</li>
|
|
712
|
-
|
|
1517
|
+
|
|
713
1518
|
<li class="dib">
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
1519
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1520
|
+
<use xlink:href="#n20-icon-lujing"></use>
|
|
1521
|
+
</svg>
|
|
1522
|
+
<div class="name">arrows</div>
|
|
1523
|
+
<div class="code-name">#n20-icon-lujing</div>
|
|
717
1524
|
</li>
|
|
718
|
-
|
|
1525
|
+
|
|
719
1526
|
<li class="dib">
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
1527
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1528
|
+
<use xlink:href="#n20-icon-caidan"></use>
|
|
1529
|
+
</svg>
|
|
1530
|
+
<div class="name">menu</div>
|
|
1531
|
+
<div class="code-name">#n20-icon-caidan</div>
|
|
723
1532
|
</li>
|
|
724
|
-
|
|
1533
|
+
|
|
725
1534
|
<li class="dib">
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
1535
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1536
|
+
<use xlink:href="#n20-icon-a-bianzu701"></use>
|
|
1537
|
+
</svg>
|
|
1538
|
+
<div class="name">jtskywgk</div>
|
|
1539
|
+
<div class="code-name">#n20-icon-a-bianzu701</div>
|
|
729
1540
|
</li>
|
|
730
|
-
|
|
731
|
-
<li class="dib">
|
|
732
|
-
<span class="icon core-lib-iconfont n20-icon-sousuokuang-sousuo"></span>
|
|
733
|
-
<div class="name">搜索框-搜索</div>
|
|
734
|
-
<div class="code-name">.n20-icon-sousuokuang-sousuo</div>
|
|
735
|
-
</li>
|
|
736
|
-
|
|
737
|
-
<li class="dib">
|
|
738
|
-
<span class="icon core-lib-iconfont n20-icon-shuaxin"></span>
|
|
739
|
-
<div class="name">刷新</div>
|
|
740
|
-
<div class="code-name">.n20-icon-shuaxin</div>
|
|
741
|
-
</li>
|
|
742
|
-
|
|
1541
|
+
|
|
743
1542
|
<li class="dib">
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
1543
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1544
|
+
<use xlink:href="#n20-icon-zhcsyw"></use>
|
|
1545
|
+
</svg>
|
|
1546
|
+
<div class="name">cszhyw</div>
|
|
1547
|
+
<div class="code-name">#n20-icon-zhcsyw</div>
|
|
747
1548
|
</li>
|
|
748
|
-
|
|
1549
|
+
|
|
749
1550
|
<li class="dib">
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
1551
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1552
|
+
<use xlink:href="#n20-icon-a-bianzu1"></use>
|
|
1553
|
+
</svg>
|
|
1554
|
+
<div class="name">jrwg</div>
|
|
1555
|
+
<div class="code-name">#n20-icon-a-bianzu1</div>
|
|
753
1556
|
</li>
|
|
754
|
-
|
|
1557
|
+
|
|
755
1558
|
<li class="dib">
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
1559
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1560
|
+
<use xlink:href="#n20-icon-bianzu"></use>
|
|
1561
|
+
</svg>
|
|
1562
|
+
<div class="name">csywgl</div>
|
|
1563
|
+
<div class="code-name">#n20-icon-bianzu</div>
|
|
759
1564
|
</li>
|
|
760
|
-
|
|
1565
|
+
|
|
761
1566
|
<li class="dib">
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
1567
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1568
|
+
<use xlink:href="#n20-icon-a-bianzu3"></use>
|
|
1569
|
+
</svg>
|
|
1570
|
+
<div class="name">cszlpt</div>
|
|
1571
|
+
<div class="code-name">#n20-icon-a-bianzu3</div>
|
|
765
1572
|
</li>
|
|
766
|
-
|
|
1573
|
+
|
|
767
1574
|
<li class="dib">
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
1575
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1576
|
+
<use xlink:href="#n20-icon-a-bianzu69"></use>
|
|
1577
|
+
</svg>
|
|
1578
|
+
<div class="name">cswy</div>
|
|
1579
|
+
<div class="code-name">#n20-icon-a-bianzu69</div>
|
|
771
1580
|
</li>
|
|
772
|
-
|
|
1581
|
+
|
|
773
1582
|
<li class="dib">
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
1583
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1584
|
+
<use xlink:href="#n20-icon-a-bianzu2"></use>
|
|
1585
|
+
</svg>
|
|
1586
|
+
<div class="name">jtsjfx</div>
|
|
1587
|
+
<div class="code-name">#n20-icon-a-bianzu2</div>
|
|
777
1588
|
</li>
|
|
778
|
-
|
|
1589
|
+
|
|
779
1590
|
<li class="dib">
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
1591
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1592
|
+
<use xlink:href="#n20-icon-a-bianzu70"></use>
|
|
1593
|
+
</svg>
|
|
1594
|
+
<div class="name">csfzjc</div>
|
|
1595
|
+
<div class="code-name">#n20-icon-a-bianzu70</div>
|
|
783
1596
|
</li>
|
|
784
|
-
|
|
1597
|
+
|
|
785
1598
|
<li class="dib">
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
1599
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1600
|
+
<use xlink:href="#n20-icon-query"></use>
|
|
1601
|
+
</svg>
|
|
1602
|
+
<div class="name">query</div>
|
|
1603
|
+
<div class="code-name">#n20-icon-query</div>
|
|
789
1604
|
</li>
|
|
790
|
-
|
|
1605
|
+
|
|
791
1606
|
<li class="dib">
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
1607
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1608
|
+
<use xlink:href="#n20-icon-fengkongguanli"></use>
|
|
1609
|
+
</svg>
|
|
1610
|
+
<div class="name">风控管理</div>
|
|
1611
|
+
<div class="code-name">#n20-icon-fengkongguanli</div>
|
|
795
1612
|
</li>
|
|
796
|
-
|
|
1613
|
+
|
|
797
1614
|
<li class="dib">
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
1615
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1616
|
+
<use xlink:href="#n20-icon-qingchu"></use>
|
|
1617
|
+
</svg>
|
|
1618
|
+
<div class="name">清除</div>
|
|
1619
|
+
<div class="code-name">#n20-icon-qingchu</div>
|
|
801
1620
|
</li>
|
|
802
|
-
|
|
1621
|
+
|
|
803
1622
|
<li class="dib">
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
1623
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1624
|
+
<use xlink:href="#n20-icon-yichu"></use>
|
|
1625
|
+
</svg>
|
|
1626
|
+
<div class="name">移除</div>
|
|
1627
|
+
<div class="code-name">#n20-icon-yichu</div>
|
|
807
1628
|
</li>
|
|
808
|
-
|
|
1629
|
+
|
|
809
1630
|
<li class="dib">
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
1631
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1632
|
+
<use xlink:href="#n20-icon-a-zengjiacopy"></use>
|
|
1633
|
+
</svg>
|
|
1634
|
+
<div class="name">增加 copy</div>
|
|
1635
|
+
<div class="code-name">#n20-icon-a-zengjiacopy</div>
|
|
813
1636
|
</li>
|
|
814
|
-
|
|
1637
|
+
|
|
815
1638
|
<li class="dib">
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
1639
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1640
|
+
<use xlink:href="#n20-icon-tuding"></use>
|
|
1641
|
+
</svg>
|
|
1642
|
+
<div class="name">图钉</div>
|
|
1643
|
+
<div class="code-name">#n20-icon-tuding</div>
|
|
819
1644
|
</li>
|
|
820
|
-
|
|
1645
|
+
|
|
821
1646
|
<li class="dib">
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
1647
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1648
|
+
<use xlink:href="#n20-icon-chukou"></use>
|
|
1649
|
+
</svg>
|
|
1650
|
+
<div class="name">出口</div>
|
|
1651
|
+
<div class="code-name">#n20-icon-chukou</div>
|
|
825
1652
|
</li>
|
|
826
|
-
|
|
1653
|
+
|
|
827
1654
|
<li class="dib">
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
1655
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1656
|
+
<use xlink:href="#n20-icon-buzhou"></use>
|
|
1657
|
+
</svg>
|
|
1658
|
+
<div class="name">步骤</div>
|
|
1659
|
+
<div class="code-name">#n20-icon-buzhou</div>
|
|
831
1660
|
</li>
|
|
832
|
-
|
|
1661
|
+
|
|
833
1662
|
<li class="dib">
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
1663
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1664
|
+
<use xlink:href="#n20-icon-chexiao"></use>
|
|
1665
|
+
</svg>
|
|
1666
|
+
<div class="name">撤销</div>
|
|
1667
|
+
<div class="code-name">#n20-icon-chexiao</div>
|
|
837
1668
|
</li>
|
|
838
|
-
|
|
1669
|
+
|
|
839
1670
|
<li class="dib">
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
1671
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1672
|
+
<use xlink:href="#n20-icon-binghangwangguan"></use>
|
|
1673
|
+
</svg>
|
|
1674
|
+
<div class="name">并行网关</div>
|
|
1675
|
+
<div class="code-name">#n20-icon-binghangwangguan</div>
|
|
843
1676
|
</li>
|
|
844
|
-
|
|
1677
|
+
|
|
845
1678
|
<li class="dib">
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
1679
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1680
|
+
<use xlink:href="#n20-icon-baocun"></use>
|
|
1681
|
+
</svg>
|
|
1682
|
+
<div class="name">保存</div>
|
|
1683
|
+
<div class="code-name">#n20-icon-baocun</div>
|
|
849
1684
|
</li>
|
|
850
|
-
|
|
1685
|
+
|
|
851
1686
|
<li class="dib">
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
1687
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1688
|
+
<use xlink:href="#n20-icon-kuangxuan"></use>
|
|
1689
|
+
</svg>
|
|
1690
|
+
<div class="name">框选</div>
|
|
1691
|
+
<div class="code-name">#n20-icon-kuangxuan</div>
|
|
855
1692
|
</li>
|
|
856
|
-
|
|
1693
|
+
|
|
857
1694
|
<li class="dib">
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
1695
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1696
|
+
<use xlink:href="#n20-icon-fenzhiwangguan"></use>
|
|
1697
|
+
</svg>
|
|
1698
|
+
<div class="name">分支网关</div>
|
|
1699
|
+
<div class="code-name">#n20-icon-fenzhiwangguan</div>
|
|
861
1700
|
</li>
|
|
862
|
-
|
|
1701
|
+
|
|
863
1702
|
<li class="dib">
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
1703
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1704
|
+
<use xlink:href="#n20-icon-yulan"></use>
|
|
1705
|
+
</svg>
|
|
1706
|
+
<div class="name">预览</div>
|
|
1707
|
+
<div class="code-name">#n20-icon-yulan</div>
|
|
867
1708
|
</li>
|
|
868
|
-
|
|
1709
|
+
|
|
869
1710
|
<li class="dib">
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
1711
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1712
|
+
<use xlink:href="#n20-icon-rukou"></use>
|
|
1713
|
+
</svg>
|
|
1714
|
+
<div class="name">入口</div>
|
|
1715
|
+
<div class="code-name">#n20-icon-rukou</div>
|
|
873
1716
|
</li>
|
|
874
|
-
|
|
1717
|
+
|
|
875
1718
|
<li class="dib">
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
1719
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1720
|
+
<use xlink:href="#n20-icon-hebingwangguan"></use>
|
|
1721
|
+
</svg>
|
|
1722
|
+
<div class="name">合并网关</div>
|
|
1723
|
+
<div class="code-name">#n20-icon-hebingwangguan</div>
|
|
879
1724
|
</li>
|
|
880
|
-
|
|
1725
|
+
|
|
881
1726
|
<li class="dib">
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
1727
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1728
|
+
<use xlink:href="#n20-icon-huifu"></use>
|
|
1729
|
+
</svg>
|
|
1730
|
+
<div class="name">恢复</div>
|
|
1731
|
+
<div class="code-name">#n20-icon-huifu</div>
|
|
885
1732
|
</li>
|
|
886
|
-
|
|
887
|
-
<div class="article markdown">
|
|
888
|
-
<h2 id="font-class-">font-class 引用</h2>
|
|
889
|
-
<hr />
|
|
890
|
-
|
|
891
|
-
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
|
|
892
|
-
<p>与 Unicode 使用方式相比，具有如下特点：</p>
|
|
893
|
-
<ul>
|
|
894
|
-
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
|
895
|
-
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
|
|
896
|
-
</ul>
|
|
897
|
-
<p>使用步骤如下：</p>
|
|
898
|
-
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
|
|
899
|
-
<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
|
|
900
|
-
</code></pre>
|
|
901
|
-
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
|
|
902
|
-
<pre><code class="language-html"><span class="core-lib-iconfont n20-icon-xxx"></span>
|
|
903
|
-
</code></pre>
|
|
904
|
-
<blockquote>
|
|
905
|
-
<p>" core-lib-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
|
|
906
|
-
</blockquote>
|
|
907
|
-
</div>
|
|
908
|
-
</div>
|
|
909
|
-
<div class="content symbol">
|
|
910
|
-
<ul class="icon_lists dib-box">
|
|
1733
|
+
|
|
911
1734
|
<li class="dib">
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
1735
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1736
|
+
<use xlink:href="#n20-icon-shouqizhedie"></use>
|
|
1737
|
+
</svg>
|
|
1738
|
+
<div class="name">收起折叠（去边框）</div>
|
|
1739
|
+
<div class="code-name">#n20-icon-shouqizhedie</div>
|
|
917
1740
|
</li>
|
|
918
|
-
|
|
1741
|
+
|
|
919
1742
|
<li class="dib">
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
1743
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1744
|
+
<use xlink:href="#n20-icon-zhedieshouqi"></use>
|
|
1745
|
+
</svg>
|
|
1746
|
+
<div class="name">折叠收起</div>
|
|
1747
|
+
<div class="code-name">#n20-icon-zhedieshouqi</div>
|
|
925
1748
|
</li>
|
|
926
|
-
|
|
1749
|
+
|
|
927
1750
|
<li class="dib">
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
1751
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1752
|
+
<use xlink:href="#n20-icon-daoxu"></use>
|
|
1753
|
+
</svg>
|
|
1754
|
+
<div class="name">倒序</div>
|
|
1755
|
+
<div class="code-name">#n20-icon-daoxu</div>
|
|
933
1756
|
</li>
|
|
934
|
-
|
|
1757
|
+
|
|
935
1758
|
<li class="dib">
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
1759
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1760
|
+
<use xlink:href="#n20-icon-shunxu"></use>
|
|
1761
|
+
</svg>
|
|
1762
|
+
<div class="name">顺序</div>
|
|
1763
|
+
<div class="code-name">#n20-icon-shunxu</div>
|
|
941
1764
|
</li>
|
|
942
|
-
|
|
1765
|
+
|
|
943
1766
|
<li class="dib">
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
1767
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1768
|
+
<use xlink:href="#n20-icon-caidanshouqi"></use>
|
|
1769
|
+
</svg>
|
|
1770
|
+
<div class="name">菜单收起</div>
|
|
1771
|
+
<div class="code-name">#n20-icon-caidanshouqi</div>
|
|
949
1772
|
</li>
|
|
950
|
-
|
|
1773
|
+
|
|
951
1774
|
<li class="dib">
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
1775
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1776
|
+
<use xlink:href="#n20-icon-liucheng"></use>
|
|
1777
|
+
</svg>
|
|
1778
|
+
<div class="name">流程</div>
|
|
1779
|
+
<div class="code-name">#n20-icon-liucheng</div>
|
|
957
1780
|
</li>
|
|
958
|
-
|
|
1781
|
+
|
|
959
1782
|
<li class="dib">
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
1783
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1784
|
+
<use xlink:href="#n20-icon-chenggong"></use>
|
|
1785
|
+
</svg>
|
|
1786
|
+
<div class="name">成功</div>
|
|
1787
|
+
<div class="code-name">#n20-icon-chenggong</div>
|
|
965
1788
|
</li>
|
|
966
|
-
|
|
1789
|
+
|
|
967
1790
|
<li class="dib">
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
1791
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1792
|
+
<use xlink:href="#n20-icon-a-4down"></use>
|
|
1793
|
+
</svg>
|
|
1794
|
+
<div class="name">4.down</div>
|
|
1795
|
+
<div class="code-name">#n20-icon-a-4down</div>
|
|
973
1796
|
</li>
|
|
974
|
-
|
|
1797
|
+
|
|
975
1798
|
<li class="dib">
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
1799
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1800
|
+
<use xlink:href="#n20-icon-a-bianji"></use>
|
|
1801
|
+
</svg>
|
|
1802
|
+
<div class="name">编 辑</div>
|
|
1803
|
+
<div class="code-name">#n20-icon-a-bianji</div>
|
|
981
1804
|
</li>
|
|
982
|
-
|
|
1805
|
+
|
|
983
1806
|
<li class="dib">
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
1807
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1808
|
+
<use xlink:href="#n20-icon-danxuankuang-weixuanzhong"></use>
|
|
1809
|
+
</svg>
|
|
1810
|
+
<div class="name">单选框-未选中</div>
|
|
1811
|
+
<div class="code-name">#n20-icon-danxuankuang-weixuanzhong</div>
|
|
989
1812
|
</li>
|
|
990
|
-
|
|
1813
|
+
|
|
991
1814
|
<li class="dib">
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
1815
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1816
|
+
<use xlink:href="#n20-icon-cuowu"></use>
|
|
1817
|
+
</svg>
|
|
1818
|
+
<div class="name">错误</div>
|
|
1819
|
+
<div class="code-name">#n20-icon-cuowu</div>
|
|
997
1820
|
</li>
|
|
998
|
-
|
|
1821
|
+
|
|
999
1822
|
<li class="dib">
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1823
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1824
|
+
<use xlink:href="#n20-icon-danxuankuang-yixuanzhong"></use>
|
|
1825
|
+
</svg>
|
|
1826
|
+
<div class="name">单选框-已选中</div>
|
|
1827
|
+
<div class="code-name">#n20-icon-danxuankuang-yixuanzhong</div>
|
|
1005
1828
|
</li>
|
|
1006
|
-
|
|
1829
|
+
|
|
1007
1830
|
<li class="dib">
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1831
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1832
|
+
<use xlink:href="#n20-icon-duoxuankuang-weixuanxuanting"></use>
|
|
1833
|
+
</svg>
|
|
1834
|
+
<div class="name">多选框-未选悬停</div>
|
|
1835
|
+
<div class="code-name">#n20-icon-duoxuankuang-weixuanxuanting</div>
|
|
1013
1836
|
</li>
|
|
1014
|
-
|
|
1837
|
+
|
|
1015
1838
|
<li class="dib">
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1839
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1840
|
+
<use xlink:href="#n20-icon-fankui-chenggongkongxin"></use>
|
|
1841
|
+
</svg>
|
|
1842
|
+
<div class="name">反馈-成功空心</div>
|
|
1843
|
+
<div class="code-name">#n20-icon-fankui-chenggongkongxin</div>
|
|
1021
1844
|
</li>
|
|
1022
|
-
|
|
1845
|
+
|
|
1023
1846
|
<li class="dib">
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1847
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1848
|
+
<use xlink:href="#n20-icon-nianfenqiehuan-youce"></use>
|
|
1849
|
+
</svg>
|
|
1850
|
+
<div class="name">年份切换-右侧</div>
|
|
1851
|
+
<div class="code-name">#n20-icon-nianfenqiehuan-youce</div>
|
|
1029
1852
|
</li>
|
|
1030
|
-
|
|
1853
|
+
|
|
1031
1854
|
<li class="dib">
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1855
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1856
|
+
<use xlink:href="#n20-icon-fankui-xinxikongxin"></use>
|
|
1857
|
+
</svg>
|
|
1858
|
+
<div class="name">反馈-信息空心</div>
|
|
1859
|
+
<div class="code-name">#n20-icon-fankui-xinxikongxin</div>
|
|
1037
1860
|
</li>
|
|
1038
|
-
|
|
1861
|
+
|
|
1039
1862
|
<li class="dib">
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1863
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1864
|
+
<use xlink:href="#n20-icon-guanbi-moren"></use>
|
|
1865
|
+
</svg>
|
|
1866
|
+
<div class="name">关闭-默认</div>
|
|
1867
|
+
<div class="code-name">#n20-icon-guanbi-moren</div>
|
|
1045
1868
|
</li>
|
|
1046
|
-
|
|
1869
|
+
|
|
1047
1870
|
<li class="dib">
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1871
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1872
|
+
<use xlink:href="#n20-icon-jianhao"></use>
|
|
1873
|
+
</svg>
|
|
1874
|
+
<div class="name">减号</div>
|
|
1875
|
+
<div class="code-name">#n20-icon-jianhao</div>
|
|
1053
1876
|
</li>
|
|
1054
|
-
|
|
1877
|
+
|
|
1055
1878
|
<li class="dib">
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1879
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1880
|
+
<use xlink:href="#n20-icon-keguanbicuowu"></use>
|
|
1881
|
+
</svg>
|
|
1882
|
+
<div class="name">可关闭错误</div>
|
|
1883
|
+
<div class="code-name">#n20-icon-keguanbicuowu</div>
|
|
1061
1884
|
</li>
|
|
1062
|
-
|
|
1885
|
+
|
|
1063
1886
|
<li class="dib">
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1887
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1888
|
+
<use xlink:href="#n20-icon-nianfenqiehuan-zuoce"></use>
|
|
1889
|
+
</svg>
|
|
1890
|
+
<div class="name">年份切换-左侧</div>
|
|
1891
|
+
<div class="code-name">#n20-icon-nianfenqiehuan-zuoce</div>
|
|
1069
1892
|
</li>
|
|
1070
|
-
|
|
1893
|
+
|
|
1071
1894
|
<li class="dib">
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1895
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1896
|
+
<use xlink:href="#n20-icon-moren"></use>
|
|
1897
|
+
</svg>
|
|
1898
|
+
<div class="name">默认</div>
|
|
1899
|
+
<div class="code-name">#n20-icon-moren</div>
|
|
1077
1900
|
</li>
|
|
1078
|
-
|
|
1901
|
+
|
|
1079
1902
|
<li class="dib">
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1903
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1904
|
+
<use xlink:href="#n20-icon-sousuokuang-sousuodanchuang"></use>
|
|
1905
|
+
</svg>
|
|
1906
|
+
<div class="name">搜索框-搜索弹窗</div>
|
|
1907
|
+
<div class="code-name">#n20-icon-sousuokuang-sousuodanchuang</div>
|
|
1085
1908
|
</li>
|
|
1086
|
-
|
|
1909
|
+
|
|
1087
1910
|
<li class="dib">
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1911
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1912
|
+
<use xlink:href="#n20-icon-tishi"></use>
|
|
1913
|
+
</svg>
|
|
1914
|
+
<div class="name">提示</div>
|
|
1915
|
+
<div class="code-name">#n20-icon-tishi</div>
|
|
1093
1916
|
</li>
|
|
1094
|
-
|
|
1917
|
+
|
|
1095
1918
|
<li class="dib">
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1919
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1920
|
+
<use xlink:href="#n20-icon-xiala-moren"></use>
|
|
1921
|
+
</svg>
|
|
1922
|
+
<div class="name">下拉-默认</div>
|
|
1923
|
+
<div class="code-name">#n20-icon-xiala-moren</div>
|
|
1101
1924
|
</li>
|
|
1102
|
-
|
|
1925
|
+
|
|
1103
1926
|
<li class="dib">
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1927
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1928
|
+
<use xlink:href="#n20-icon-riqixuanze-rili"></use>
|
|
1929
|
+
</svg>
|
|
1930
|
+
<div class="name">日期选择-日历</div>
|
|
1931
|
+
<div class="code-name">#n20-icon-riqixuanze-rili</div>
|
|
1109
1932
|
</li>
|
|
1110
|
-
|
|
1933
|
+
|
|
1111
1934
|
<li class="dib">
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1935
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1936
|
+
<use xlink:href="#n20-icon-a-kapianxuanzhong1"></use>
|
|
1937
|
+
</svg>
|
|
1938
|
+
<div class="name">卡片（选中）</div>
|
|
1939
|
+
<div class="code-name">#n20-icon-a-kapianxuanzhong1</div>
|
|
1117
1940
|
</li>
|
|
1118
|
-
|
|
1941
|
+
|
|
1119
1942
|
<li class="dib">
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1943
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1944
|
+
<use xlink:href="#n20-icon-xinzeng"></use>
|
|
1945
|
+
</svg>
|
|
1946
|
+
<div class="name">新增</div>
|
|
1947
|
+
<div class="code-name">#n20-icon-xinzeng</div>
|
|
1125
1948
|
</li>
|
|
1126
|
-
|
|
1949
|
+
|
|
1127
1950
|
<li class="dib">
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1951
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1952
|
+
<use xlink:href="#n20-icon-wenjian"></use>
|
|
1953
|
+
</svg>
|
|
1954
|
+
<div class="name">文件</div>
|
|
1955
|
+
<div class="code-name">#n20-icon-wenjian</div>
|
|
1133
1956
|
</li>
|
|
1134
|
-
|
|
1957
|
+
|
|
1135
1958
|
<li class="dib">
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1959
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1960
|
+
<use xlink:href="#n20-icon-xinxi"></use>
|
|
1961
|
+
</svg>
|
|
1962
|
+
<div class="name">信息</div>
|
|
1963
|
+
<div class="code-name">#n20-icon-xinxi</div>
|
|
1141
1964
|
</li>
|
|
1142
|
-
|
|
1965
|
+
|
|
1143
1966
|
<li class="dib">
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1967
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1968
|
+
<use xlink:href="#n20-icon-tubiaohewenbentishi"></use>
|
|
1969
|
+
</svg>
|
|
1970
|
+
<div class="name">图标和文本提示</div>
|
|
1971
|
+
<div class="code-name">#n20-icon-tubiaohewenbentishi</div>
|
|
1149
1972
|
</li>
|
|
1150
|
-
|
|
1973
|
+
|
|
1151
1974
|
<li class="dib">
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1975
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1976
|
+
<use xlink:href="#n20-icon-xiazai-moren"></use>
|
|
1977
|
+
</svg>
|
|
1978
|
+
<div class="name">下载-默认</div>
|
|
1979
|
+
<div class="code-name">#n20-icon-xiazai-moren</div>
|
|
1157
1980
|
</li>
|
|
1158
|
-
|
|
1981
|
+
|
|
1159
1982
|
<li class="dib">
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1983
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1984
|
+
<use xlink:href="#n20-icon-wenjianshangchuan"></use>
|
|
1985
|
+
</svg>
|
|
1986
|
+
<div class="name">文件上传</div>
|
|
1987
|
+
<div class="code-name">#n20-icon-wenjianshangchuan</div>
|
|
1165
1988
|
</li>
|
|
1166
|
-
|
|
1989
|
+
|
|
1167
1990
|
<li class="dib">
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1991
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
1992
|
+
<use xlink:href="#n20-icon-xinxitishi"></use>
|
|
1993
|
+
</svg>
|
|
1994
|
+
<div class="name">信息提示</div>
|
|
1995
|
+
<div class="code-name">#n20-icon-xinxitishi</div>
|
|
1173
1996
|
</li>
|
|
1174
|
-
|
|
1997
|
+
|
|
1175
1998
|
<li class="dib">
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1999
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2000
|
+
<use xlink:href="#n20-icon-xuanzekuang-xialazhankai"></use>
|
|
2001
|
+
</svg>
|
|
2002
|
+
<div class="name">选择框-下拉展开</div>
|
|
2003
|
+
<div class="code-name">#n20-icon-xuanzekuang-xialazhankai</div>
|
|
1181
2004
|
</li>
|
|
1182
|
-
|
|
2005
|
+
|
|
1183
2006
|
<li class="dib">
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
2007
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2008
|
+
<use xlink:href="#n20-icon-xuanzekuang-xiala"></use>
|
|
2009
|
+
</svg>
|
|
2010
|
+
<div class="name">选择框-下拉</div>
|
|
2011
|
+
<div class="code-name">#n20-icon-xuanzekuang-xiala</div>
|
|
1189
2012
|
</li>
|
|
1190
|
-
|
|
2013
|
+
|
|
1191
2014
|
<li class="dib">
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
2015
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2016
|
+
<use xlink:href="#n20-icon-yuefenqiehuan-youce"></use>
|
|
2017
|
+
</svg>
|
|
2018
|
+
<div class="name">月份切换-右侧</div>
|
|
2019
|
+
<div class="code-name">#n20-icon-yuefenqiehuan-youce</div>
|
|
1197
2020
|
</li>
|
|
1198
|
-
|
|
2021
|
+
|
|
1199
2022
|
<li class="dib">
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
2023
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2024
|
+
<use xlink:href="#n20-icon-yulan-moren"></use>
|
|
2025
|
+
</svg>
|
|
2026
|
+
<div class="name">预览-默认</div>
|
|
2027
|
+
<div class="code-name">#n20-icon-yulan-moren</div>
|
|
1205
2028
|
</li>
|
|
1206
|
-
|
|
2029
|
+
|
|
1207
2030
|
<li class="dib">
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
2031
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2032
|
+
<use xlink:href="#n20-icon-yuefenqiehuan-zuoce"></use>
|
|
2033
|
+
</svg>
|
|
2034
|
+
<div class="name">月份切换-左侧</div>
|
|
2035
|
+
<div class="code-name">#n20-icon-yuefenqiehuan-zuoce</div>
|
|
1213
2036
|
</li>
|
|
1214
|
-
|
|
2037
|
+
|
|
1215
2038
|
<li class="dib">
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
2039
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2040
|
+
<use xlink:href="#n20-icon-sousuokuang-sousuo"></use>
|
|
2041
|
+
</svg>
|
|
2042
|
+
<div class="name">搜索框-搜索</div>
|
|
2043
|
+
<div class="code-name">#n20-icon-sousuokuang-sousuo</div>
|
|
1221
2044
|
</li>
|
|
1222
|
-
|
|
2045
|
+
|
|
1223
2046
|
<li class="dib">
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
2047
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2048
|
+
<use xlink:href="#n20-icon-shuaxin"></use>
|
|
2049
|
+
</svg>
|
|
2050
|
+
<div class="name">刷新</div>
|
|
2051
|
+
<div class="code-name">#n20-icon-shuaxin</div>
|
|
1229
2052
|
</li>
|
|
1230
|
-
|
|
2053
|
+
|
|
1231
2054
|
<li class="dib">
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
2055
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2056
|
+
<use xlink:href="#n20-icon-xiala"></use>
|
|
2057
|
+
</svg>
|
|
2058
|
+
<div class="name">下拉</div>
|
|
2059
|
+
<div class="code-name">#n20-icon-xiala</div>
|
|
1237
2060
|
</li>
|
|
1238
|
-
|
|
2061
|
+
|
|
1239
2062
|
<li class="dib">
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
2063
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2064
|
+
<use xlink:href="#n20-icon-bianjixuanzhong"></use>
|
|
2065
|
+
</svg>
|
|
2066
|
+
<div class="name">编辑选中</div>
|
|
2067
|
+
<div class="code-name">#n20-icon-bianjixuanzhong</div>
|
|
1245
2068
|
</li>
|
|
1246
|
-
|
|
2069
|
+
|
|
1247
2070
|
<li class="dib">
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
2071
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2072
|
+
<use xlink:href="#n20-icon-a-biaogexuanzhong"></use>
|
|
2073
|
+
</svg>
|
|
2074
|
+
<div class="name">表格（选中）</div>
|
|
2075
|
+
<div class="code-name">#n20-icon-a-biaogexuanzhong</div>
|
|
1253
2076
|
</li>
|
|
1254
|
-
|
|
2077
|
+
|
|
1255
2078
|
<li class="dib">
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
2079
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2080
|
+
<use xlink:href="#n20-icon-a-kapianxuanzhong"></use>
|
|
2081
|
+
</svg>
|
|
2082
|
+
<div class="name">卡片（选中）</div>
|
|
2083
|
+
<div class="code-name">#n20-icon-a-kapianxuanzhong</div>
|
|
1261
2084
|
</li>
|
|
1262
|
-
|
|
2085
|
+
|
|
1263
2086
|
<li class="dib">
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
2087
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2088
|
+
<use xlink:href="#n20-icon-a-quanjiedianxuanzhong"></use>
|
|
2089
|
+
</svg>
|
|
2090
|
+
<div class="name">全节点（选中）</div>
|
|
2091
|
+
<div class="code-name">#n20-icon-a-quanjiedianxuanzhong</div>
|
|
1269
2092
|
</li>
|
|
1270
|
-
|
|
2093
|
+
|
|
1271
2094
|
<li class="dib">
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
2095
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2096
|
+
<use xlink:href="#n20-icon-a-shanchuxuanzhong"></use>
|
|
2097
|
+
</svg>
|
|
2098
|
+
<div class="name">删除（选中）</div>
|
|
2099
|
+
<div class="code-name">#n20-icon-a-shanchuxuanzhong</div>
|
|
1277
2100
|
</li>
|
|
1278
|
-
|
|
2101
|
+
|
|
1279
2102
|
<li class="dib">
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
2103
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2104
|
+
<use xlink:href="#n20-icon-zishenbanlijiedian"></use>
|
|
2105
|
+
</svg>
|
|
2106
|
+
<div class="name">自身办理节点</div>
|
|
2107
|
+
<div class="code-name">#n20-icon-zishenbanlijiedian</div>
|
|
1285
2108
|
</li>
|
|
1286
|
-
|
|
2109
|
+
|
|
1287
2110
|
<li class="dib">
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
2111
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2112
|
+
<use xlink:href="#n20-icon-a-piaomianxuanzhong"></use>
|
|
2113
|
+
</svg>
|
|
2114
|
+
<div class="name">票面（选中）</div>
|
|
2115
|
+
<div class="code-name">#n20-icon-a-piaomianxuanzhong</div>
|
|
1293
2116
|
</li>
|
|
1294
|
-
|
|
2117
|
+
|
|
1295
2118
|
<li class="dib">
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
2119
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2120
|
+
<use xlink:href="#n20-icon-shezhi"></use>
|
|
2121
|
+
</svg>
|
|
2122
|
+
<div class="name">设置</div>
|
|
2123
|
+
<div class="code-name">#n20-icon-shezhi</div>
|
|
1301
2124
|
</li>
|
|
1302
|
-
|
|
2125
|
+
|
|
1303
2126
|
<li class="dib">
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
2127
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2128
|
+
<use xlink:href="#n20-icon-zongjine"></use>
|
|
2129
|
+
</svg>
|
|
2130
|
+
<div class="name">总金额</div>
|
|
2131
|
+
<div class="code-name">#n20-icon-zongjine</div>
|
|
1309
2132
|
</li>
|
|
1310
|
-
|
|
2133
|
+
|
|
1311
2134
|
<li class="dib">
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
2135
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2136
|
+
<use xlink:href="#n20-icon-xiangxia1"></use>
|
|
2137
|
+
</svg>
|
|
2138
|
+
<div class="name">向下1</div>
|
|
2139
|
+
<div class="code-name">#n20-icon-xiangxia1</div>
|
|
1317
2140
|
</li>
|
|
1318
|
-
|
|
2141
|
+
|
|
1319
2142
|
<li class="dib">
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
2143
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2144
|
+
<use xlink:href="#n20-icon-Dollar"></use>
|
|
2145
|
+
</svg>
|
|
2146
|
+
<div class="name">Dollar</div>
|
|
2147
|
+
<div class="code-name">#n20-icon-Dollar</div>
|
|
1325
2148
|
</li>
|
|
1326
|
-
|
|
2149
|
+
|
|
1327
2150
|
<li class="dib">
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
2151
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2152
|
+
<use xlink:href="#n20-icon-jinzhi"></use>
|
|
2153
|
+
</svg>
|
|
2154
|
+
<div class="name">禁止</div>
|
|
2155
|
+
<div class="code-name">#n20-icon-jinzhi</div>
|
|
1333
2156
|
</li>
|
|
1334
|
-
|
|
2157
|
+
|
|
1335
2158
|
<li class="dib">
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
2159
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2160
|
+
<use xlink:href="#n20-icon-ic_bank"></use>
|
|
2161
|
+
</svg>
|
|
2162
|
+
<div class="name">ic_bank</div>
|
|
2163
|
+
<div class="code-name">#n20-icon-ic_bank</div>
|
|
1341
2164
|
</li>
|
|
1342
|
-
|
|
2165
|
+
|
|
1343
2166
|
<li class="dib">
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
2167
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2168
|
+
<use xlink:href="#n20-icon-BillA"></use>
|
|
2169
|
+
</svg>
|
|
2170
|
+
<div class="name">Bill A</div>
|
|
2171
|
+
<div class="code-name">#n20-icon-BillA</div>
|
|
1349
2172
|
</li>
|
|
1350
|
-
|
|
2173
|
+
|
|
1351
2174
|
<li class="dib">
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
2175
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2176
|
+
<use xlink:href="#n20-icon-n-shanchu"></use>
|
|
2177
|
+
</svg>
|
|
2178
|
+
<div class="name">删除</div>
|
|
2179
|
+
<div class="code-name">#n20-icon-n-shanchu</div>
|
|
1357
2180
|
</li>
|
|
1358
|
-
|
|
2181
|
+
|
|
1359
2182
|
<li class="dib">
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
2183
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2184
|
+
<use xlink:href="#n20-icon-tianchongxing"></use>
|
|
2185
|
+
</svg>
|
|
2186
|
+
<div class="name">消息</div>
|
|
2187
|
+
<div class="code-name">#n20-icon-tianchongxing</div>
|
|
1365
2188
|
</li>
|
|
1366
|
-
|
|
2189
|
+
|
|
1367
2190
|
<li class="dib">
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
2191
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2192
|
+
<use xlink:href="#n20-icon-iconfontshaixuan"></use>
|
|
2193
|
+
</svg>
|
|
2194
|
+
<div class="name">shaixuan</div>
|
|
2195
|
+
<div class="code-name">#n20-icon-iconfontshaixuan</div>
|
|
1373
2196
|
</li>
|
|
1374
|
-
|
|
2197
|
+
|
|
1375
2198
|
<li class="dib">
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
2199
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2200
|
+
<use xlink:href="#n20-icon-yanjing"></use>
|
|
2201
|
+
</svg>
|
|
2202
|
+
<div class="name">眼睛1</div>
|
|
2203
|
+
<div class="code-name">#n20-icon-yanjing</div>
|
|
1381
2204
|
</li>
|
|
1382
|
-
|
|
2205
|
+
|
|
1383
2206
|
<li class="dib">
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
2207
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2208
|
+
<use xlink:href="#n20-icon-shangchuan"></use>
|
|
2209
|
+
</svg>
|
|
2210
|
+
<div class="name">上传</div>
|
|
2211
|
+
<div class="code-name">#n20-icon-shangchuan</div>
|
|
1389
2212
|
</li>
|
|
1390
|
-
|
|
2213
|
+
|
|
1391
2214
|
<li class="dib">
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
2215
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2216
|
+
<use xlink:href="#n20-icon-shanchu"></use>
|
|
2217
|
+
</svg>
|
|
2218
|
+
<div class="name">删除</div>
|
|
2219
|
+
<div class="code-name">#n20-icon-shanchu</div>
|
|
1397
2220
|
</li>
|
|
1398
|
-
|
|
2221
|
+
|
|
1399
2222
|
<li class="dib">
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
2223
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2224
|
+
<use xlink:href="#n20-icon-tuodong"></use>
|
|
2225
|
+
</svg>
|
|
2226
|
+
<div class="name">拖动</div>
|
|
2227
|
+
<div class="code-name">#n20-icon-tuodong</div>
|
|
1405
2228
|
</li>
|
|
1406
|
-
|
|
2229
|
+
|
|
1407
2230
|
<li class="dib">
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
2231
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2232
|
+
<use xlink:href="#n20-icon-user"></use>
|
|
2233
|
+
</svg>
|
|
2234
|
+
<div class="name">user</div>
|
|
2235
|
+
<div class="code-name">#n20-icon-user</div>
|
|
1413
2236
|
</li>
|
|
1414
|
-
|
|
2237
|
+
|
|
1415
2238
|
<li class="dib">
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
2239
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
2240
|
+
<use xlink:href="#n20-icon-date"></use>
|
|
2241
|
+
</svg>
|
|
2242
|
+
<div class="name">date</div>
|
|
2243
|
+
<div class="code-name">#n20-icon-date</div>
|
|
1421
2244
|
</li>
|
|
2245
|
+
|
|
1422
2246
|
</ul>
|
|
1423
2247
|
<div class="article markdown">
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
<
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
</ul>
|
|
1439
|
-
<p>使用步骤如下：</p>
|
|
1440
|
-
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
|
|
1441
|
-
<pre><code class="language-html"><script src="./iconfont.js"></script>
|
|
2248
|
+
<h2 id="symbol-">Symbol 引用</h2>
|
|
2249
|
+
<hr>
|
|
2250
|
+
|
|
2251
|
+
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
|
|
2252
|
+
这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
|
|
2253
|
+
<ul>
|
|
2254
|
+
<li>支持多色图标了，不再受单色限制。</li>
|
|
2255
|
+
<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
|
|
2256
|
+
<li>兼容性较差，支持 IE9+，及现代浏览器。</li>
|
|
2257
|
+
<li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
|
|
2258
|
+
</ul>
|
|
2259
|
+
<p>使用步骤如下：</p>
|
|
2260
|
+
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
|
|
2261
|
+
<pre><code class="language-html"><script src="./iconfont.js"></script>
|
|
1442
2262
|
</code></pre>
|
|
1443
|
-
|
|
1444
|
-
|
|
2263
|
+
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
|
|
2264
|
+
<pre><code class="language-html"><style>
|
|
1445
2265
|
.icon {
|
|
1446
2266
|
width: 1em;
|
|
1447
2267
|
height: 1em;
|
|
@@ -1451,33 +2271,34 @@
|
|
|
1451
2271
|
}
|
|
1452
2272
|
</style>
|
|
1453
2273
|
</code></pre>
|
|
1454
|
-
|
|
1455
|
-
|
|
2274
|
+
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
|
|
2275
|
+
<pre><code class="language-html"><svg class="icon" aria-hidden="true">
|
|
1456
2276
|
<use xlink:href="#icon-xxx"></use>
|
|
1457
2277
|
</svg>
|
|
1458
2278
|
</code></pre>
|
|
1459
2279
|
</div>
|
|
1460
|
-
</div>
|
|
1461
2280
|
</div>
|
|
1462
|
-
</div>
|
|
1463
|
-
<script>
|
|
1464
|
-
$(document).ready(function () {
|
|
1465
|
-
$('.tab-container .content:first').show()
|
|
1466
|
-
|
|
1467
|
-
$('#tabs li').click(function (e) {
|
|
1468
|
-
var tabContent = $('.tab-container .content')
|
|
1469
|
-
var index = $(this).index()
|
|
1470
2281
|
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
2282
|
+
</div>
|
|
2283
|
+
</div>
|
|
2284
|
+
<script>
|
|
2285
|
+
$(document).ready(function () {
|
|
2286
|
+
$('.tab-container .content:first').show()
|
|
2287
|
+
|
|
2288
|
+
$('#tabs li').click(function (e) {
|
|
2289
|
+
var tabContent = $('.tab-container .content')
|
|
2290
|
+
var index = $(this).index()
|
|
2291
|
+
|
|
2292
|
+
if ($(this).hasClass('active')) {
|
|
2293
|
+
return
|
|
2294
|
+
} else {
|
|
2295
|
+
$('#tabs li').removeClass('active')
|
|
2296
|
+
$(this).addClass('active')
|
|
2297
|
+
|
|
2298
|
+
tabContent.hide().eq(index).fadeIn()
|
|
2299
|
+
}
|
|
1480
2300
|
})
|
|
1481
|
-
|
|
1482
|
-
</
|
|
2301
|
+
})
|
|
2302
|
+
</script>
|
|
2303
|
+
</body>
|
|
1483
2304
|
</html>
|