Skip to content

Commit 196ab50

Browse files
shanhexishanhexi
committed
iconfont
1 parent d746d6e commit 196ab50

13 files changed

Lines changed: 140 additions & 156 deletions

File tree

‎chat2db-client/.umirc.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -79,9 +79,9 @@ export default defineConfig({
7979
// }],
8080
links: [{ rel: 'icon', type: 'image/ico', sizes: '32x32', href: '/static/front/logo.ico' }],
8181
headScripts: [
82-
`if (localStorage.getItem('app-local-storage-versions') !== 'v3') {
82+
`if (localStorage.getItem('app-local-storage-versions') !== 'v4') {
8383
localStorage.clear();
84-
localStorage.setItem('app-local-storage-versions', 'v3');
84+
localStorage.setItem('app-local-storage-versions', 'v4');
8585
}`,
8686
`if (window.electronApi) { window.electronApi.startServerForSpawn() }`,
8787
// `if ("serviceWorker" in navigator) {

‎chat2db-client/src/assets/font/demo_index.html‎

Lines changed: 72 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,24 @@ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" targ
5454
<div class="content unicode" style="display: block;">
5555
<ul class="icon_lists dib-box">
5656

57+
<li class="dib">
58+
<span class="icon iconfont">&#xe726;</span>
59+
<div class="name">加号</div>
60+
<div class="code-name">&amp;#xe726;</div>
61+
</li>
62+
63+
<li class="dib">
64+
<span class="icon iconfont">&#xec6b;</span>
65+
<div class="name">列表</div>
66+
<div class="code-name">&amp;#xec6b;</div>
67+
</li>
68+
69+
<li class="dib">
70+
<span class="icon iconfont">&#xe65d;</span>
71+
<div class="name">减去</div>
72+
<div class="code-name">&amp;#xe65d;</div>
73+
</li>
74+
5775
<li class="dib">
5876
<span class="icon iconfont">&#xe669;</span>
5977
<div class="name">database</div>
@@ -108,30 +126,6 @@ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" targ
108126
<div class="code-name">&amp;#xe691;</div>
109127
</li>
110128

111-
<li class="dib">
112-
<span class="icon iconfont">&#xe678;</span>
113-
<div class="name">电话_填充</div>
114-
<div class="code-name">&amp;#xe678;</div>
115-
</li>
116-
117-
<li class="dib">
118-
<span class="icon iconfont">&#xe672;</span>
119-
<div class="name">邮箱</div>
120-
<div class="code-name">&amp;#xe672;</div>
121-
</li>
122-
123-
<li class="dib">
124-
<span class="icon iconfont">&#xe65d;</span>
125-
<div class="name">微信</div>
126-
<div class="code-name">&amp;#xe65d;</div>
127-
</li>
128-
129-
<li class="dib">
130-
<span class="icon iconfont">&#xeaa8;</span>
131-
<div class="name">谷歌</div>
132-
<div class="code-name">&amp;#xeaa8;</div>
133-
</li>
134-
135129
<li class="dib">
136130
<span class="icon iconfont">&#x100be;</span>
137131
<div class="name">下箭头-copy</div>
@@ -1236,9 +1230,9 @@ <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</co
12361230
<pre><code class="language-css"
12371231
>@font-face {
12381232
font-family: 'iconfont';
1239-
src: url('iconfont.woff2?t=1700381336886') format('woff2'),
1240-
url('iconfont.woff?t=1700381336886') format('woff'),
1241-
url('iconfont.ttf?t=1700381336886') format('truetype');
1233+
src: url('iconfont.woff2?t=1702019801419') format('woff2'),
1234+
url('iconfont.woff?t=1702019801419') format('woff'),
1235+
url('iconfont.ttf?t=1702019801419') format('truetype');
12421236
}
12431237
</code></pre>
12441238
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -1264,6 +1258,33 @@ <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面
12641258
<div class="content font-class">
12651259
<ul class="icon_lists dib-box">
12661260

1261+
<li class="dib">
1262+
<span class="icon iconfont icon-jiahao"></span>
1263+
<div class="name">
1264+
加号
1265+
</div>
1266+
<div class="code-name">.icon-jiahao
1267+
</div>
1268+
</li>
1269+
1270+
<li class="dib">
1271+
<span class="icon iconfont icon-liebiao"></span>
1272+
<div class="name">
1273+
列表
1274+
</div>
1275+
<div class="code-name">.icon-liebiao
1276+
</div>
1277+
</li>
1278+
1279+
<li class="dib">
1280+
<span class="icon iconfont icon-jianqu"></span>
1281+
<div class="name">
1282+
减去
1283+
</div>
1284+
<div class="code-name">.icon-jianqu
1285+
</div>
1286+
</li>
1287+
12671288
<li class="dib">
12681289
<span class="icon iconfont icon-database"></span>
12691290
<div class="name">
@@ -1345,42 +1366,6 @@ <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面
13451366
</div>
13461367
</li>
13471368

1348-
<li class="dib">
1349-
<span class="icon iconfont icon-dianhuatianchong"></span>
1350-
<div class="name">
1351-
电话_填充
1352-
</div>
1353-
<div class="code-name">.icon-dianhuatianchong
1354-
</div>
1355-
</li>
1356-
1357-
<li class="dib">
1358-
<span class="icon iconfont icon-youxiang"></span>
1359-
<div class="name">
1360-
邮箱
1361-
</div>
1362-
<div class="code-name">.icon-youxiang
1363-
</div>
1364-
</li>
1365-
1366-
<li class="dib">
1367-
<span class="icon iconfont icon-weixin"></span>
1368-
<div class="name">
1369-
微信
1370-
</div>
1371-
<div class="code-name">.icon-weixin
1372-
</div>
1373-
</li>
1374-
1375-
<li class="dib">
1376-
<span class="icon iconfont icon-google"></span>
1377-
<div class="name">
1378-
谷歌
1379-
</div>
1380-
<div class="code-name">.icon-google
1381-
</div>
1382-
</li>
1383-
13841369
<li class="dib">
13851370
<span class="icon iconfont icon-xiajiantou1-copy"></span>
13861371
<div class="name">
@@ -3037,6 +3022,30 @@ <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h
30373022
<div class="content symbol">
30383023
<ul class="icon_lists dib-box">
30393024

3025+
<li class="dib">
3026+
<svg class="icon svg-icon" aria-hidden="true">
3027+
<use xlink:href="#icon-jiahao"></use>
3028+
</svg>
3029+
<div class="name">加号</div>
3030+
<div class="code-name">#icon-jiahao</div>
3031+
</li>
3032+
3033+
<li class="dib">
3034+
<svg class="icon svg-icon" aria-hidden="true">
3035+
<use xlink:href="#icon-liebiao"></use>
3036+
</svg>
3037+
<div class="name">列表</div>
3038+
<div class="code-name">#icon-liebiao</div>
3039+
</li>
3040+
3041+
<li class="dib">
3042+
<svg class="icon svg-icon" aria-hidden="true">
3043+
<use xlink:href="#icon-jianqu"></use>
3044+
</svg>
3045+
<div class="name">减去</div>
3046+
<div class="code-name">#icon-jianqu</div>
3047+
</li>
3048+
30403049
<li class="dib">
30413050
<svg class="icon svg-icon" aria-hidden="true">
30423051
<use xlink:href="#icon-database"></use>
@@ -3109,38 +3118,6 @@ <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h
31093118
<div class="code-name">#icon-moxing-miaobian</div>
31103119
</li>
31113120

3112-
<li class="dib">
3113-
<svg class="icon svg-icon" aria-hidden="true">
3114-
<use xlink:href="#icon-dianhuatianchong"></use>
3115-
</svg>
3116-
<div class="name">电话_填充</div>
3117-
<div class="code-name">#icon-dianhuatianchong</div>
3118-
</li>
3119-
3120-
<li class="dib">
3121-
<svg class="icon svg-icon" aria-hidden="true">
3122-
<use xlink:href="#icon-youxiang"></use>
3123-
</svg>
3124-
<div class="name">邮箱</div>
3125-
<div class="code-name">#icon-youxiang</div>
3126-
</li>
3127-
3128-
<li class="dib">
3129-
<svg class="icon svg-icon" aria-hidden="true">
3130-
<use xlink:href="#icon-weixin"></use>
3131-
</svg>
3132-
<div class="name">微信</div>
3133-
<div class="code-name">#icon-weixin</div>
3134-
</li>
3135-
3136-
<li class="dib">
3137-
<svg class="icon svg-icon" aria-hidden="true">
3138-
<use xlink:href="#icon-google"></use>
3139-
</svg>
3140-
<div class="name">谷歌</div>
3141-
<div class="code-name">#icon-google</div>
3142-
</li>
3143-
31443121
<li class="dib">
31453122
<svg class="icon svg-icon" aria-hidden="true">
31463123
<use xlink:href="#icon-xiajiantou1-copy"></use>

‎chat2db-client/src/assets/font/iconfont.css‎

Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
@font-face {
22
font-family: "iconfont"; /* Project id 3633546 */
3-
src: url('iconfont.woff2?t=1700381336886') format('woff2'),
4-
url('iconfont.woff?t=1700381336886') format('woff'),
5-
url('iconfont.ttf?t=1700381336886') format('truetype');
3+
src: url('iconfont.woff2?t=1702019801419') format('woff2'),
4+
url('iconfont.woff?t=1702019801419') format('woff'),
5+
url('iconfont.ttf?t=1702019801419') format('truetype');
66
}
77

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

16+
.icon-jiahao:before {
17+
content: "\e726";
18+
}
19+
20+
.icon-liebiao:before {
21+
content: "\ec6b";
22+
}
23+
24+
.icon-jianqu:before {
25+
content: "\e65d";
26+
}
27+
1628
.icon-database:before {
1729
content: "\e669";
1830
}
@@ -49,22 +61,6 @@
4961
content: "\e691";
5062
}
5163

52-
.icon-dianhuatianchong:before {
53-
content: "\e678";
54-
}
55-
56-
.icon-youxiang:before {
57-
content: "\e672";
58-
}
59-
60-
.icon-weixin:before {
61-
content: "\e65d";
62-
}
63-
64-
.icon-google:before {
65-
content: "\eaa8";
66-
}
67-
6864
.icon-xiajiantou1-copy:before {
6965
content: "\100be";
7066
}

‎chat2db-client/src/assets/font/iconfont.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎chat2db-client/src/assets/font/iconfont.json‎

Lines changed: 21 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,27 @@
55
"css_prefix_text": "icon-",
66
"description": "",
77
"glyphs": [
8+
{
9+
"icon_id": "577312",
10+
"name": "加号",
11+
"font_class": "jiahao",
12+
"unicode": "e726",
13+
"unicode_decimal": 59174
14+
},
15+
{
16+
"icon_id": "5961366",
17+
"name": "列表",
18+
"font_class": "liebiao",
19+
"unicode": "ec6b",
20+
"unicode_decimal": 60523
21+
},
22+
{
23+
"icon_id": "6318169",
24+
"name": "减去",
25+
"font_class": "jianqu",
26+
"unicode": "e65d",
27+
"unicode_decimal": 58973
28+
},
829
{
930
"icon_id": "5729483",
1031
"name": "database",
@@ -68,34 +89,6 @@
6889
"unicode": "e691",
6990
"unicode_decimal": 59025
7091
},
71-
{
72-
"icon_id": "145699",
73-
"name": "电话_填充",
74-
"font_class": "dianhuatianchong",
75-
"unicode": "e678",
76-
"unicode_decimal": 59000
77-
},
78-
{
79-
"icon_id": "3483765",
80-
"name": "邮箱",
81-
"font_class": "youxiang",
82-
"unicode": "e672",
83-
"unicode_decimal": 58994
84-
},
85-
{
86-
"icon_id": "15933094",
87-
"name": "微信",
88-
"font_class": "weixin",
89-
"unicode": "e65d",
90-
"unicode_decimal": 58973
91-
},
92-
{
93-
"icon_id": "19447816",
94-
"name": "谷歌",
95-
"font_class": "google",
96-
"unicode": "eaa8",
97-
"unicode_decimal": 60072
98-
},
9992
{
10093
"icon_id": "37968169",
10194
"name": "下箭头-copy",

‎chat2db-client/src/assets/font/iconfont.ttf‎

-324 Bytes
Binary file not shown.

‎chat2db-client/src/assets/font/iconfont.woff‎

-320 Bytes
Binary file not shown.

‎chat2db-client/src/assets/font/iconfont.woff2‎

-360 Bytes
Binary file not shown.

‎chat2db-client/src/blocks/DatabaseTableEditor/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -248,7 +248,7 @@ export default memo((props: IProps) => {
248248
});
249249
}
250250
// 保存成功后，刷新左侧树
251-
submitCallback();
251+
submitCallback?.();
252252
};
253253

254254
return (

0 commit comments

Comments
 (0)