更新静态图标

This commit is contained in:
hdm 2022-07-07 16:49:24 +08:00
parent 20e5c41e20
commit 79b6abe8f6
8 changed files with 152 additions and 5429 deletions

File diff suppressed because it is too large Load Diff

View File

@ -1,8 +1,9 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2936988 */ font-family: "iconfont"; /* Project id 2936988 */
src: url('iconfont.woff2?t=1649895541116') format('woff2'), src: url('iconfont.woff2?t=1657183085628') format('woff2'),
url('iconfont.woff?t=1649895541116') format('woff'), url('iconfont.woff?t=1657183085628') format('woff'),
url('iconfont.ttf?t=1649895541116') format('truetype'); url('iconfont.ttf?t=1657183085628') format('truetype'),
url('iconfont.svg?t=1657183085628#iconfont') format('svg');
} }
.iconfont { .iconfont {
@ -13,6 +14,14 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-quanxian:before {
content: "\e610";
}
.icon-cuowu:before {
content: "\e642";
}
.icon-charulianjie-:before { .icon-charulianjie-:before {
content: "\e67b"; content: "\e67b";
} }

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,20 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "15014204",
"name": "权限",
"font_class": "quanxian",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "26954351",
"name": "错误",
"font_class": "cuowu",
"unicode": "e642",
"unicode_decimal": 58946
},
{ {
"icon_id": "7007278", "icon_id": "7007278",
"name": "插入链接-22", "name": "插入链接-22",

View File

@ -36,24 +36,47 @@
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1>
<div class="nav-tabs"> <div class="nav-tabs">
<ul id="tabs" class="dib-box"> <ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li> <li class="dib"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li> <li class="dib active"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li> <li class="dib"><span>Symbol</span></li>
</ul> </ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2936988" target="_blank" class="nav-more">查看项目</a>
</div> </div>
<div class="tab-container"> <div class="tab-container">
<div class="content unicode" style="display: block;"> <div class="content unicode">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe610;</span>
<div class="name">权限</div>
<div class="code-name">&amp;#xe610;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe642;</span>
<div class="name">错误</div>
<div class="code-name">&amp;#xe642;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67b;</span>
<div class="name">插入链接-22</div>
<div class="code-name">&amp;#xe67b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<div class="name">删除</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<div class="name">查看详情</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6e9;</span> <span class="icon iconfont">&#xe6e9;</span>
<div class="name">学生异动</div> <div class="name">学生异动</div>
@ -510,12 +533,6 @@
<div class="code-name">&amp;#xe78b;</div> <div class="code-name">&amp;#xe78b;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe78c;</span>
<div class="name">名片报表</div>
<div class="code-name">&amp;#xe78c;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe78d;</span> <span class="icon iconfont">&#xe78d;</span>
<div class="name">固定资产</div> <div class="name">固定资产</div>
@ -534,30 +551,12 @@
<div class="code-name">&amp;#xe78f;</div> <div class="code-name">&amp;#xe78f;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe790;</span>
<div class="name">呼叫统计</div>
<div class="code-name">&amp;#xe790;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe791;</span>
<div class="name">销售报表</div>
<div class="code-name">&amp;#xe791;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe792;</span> <span class="icon iconfont">&#xe792;</span>
<div class="name">大数据</div> <div class="name">大数据</div>
<div class="code-name">&amp;#xe792;</div> <div class="code-name">&amp;#xe792;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe793;</span>
<div class="name">活动管理</div>
<div class="code-name">&amp;#xe793;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe794;</span> <span class="icon iconfont">&#xe794;</span>
<div class="name">呼叫设置</div> <div class="name">呼叫设置</div>
@ -954,12 +953,6 @@
<div class="code-name">&amp;#xe7e3;</div> <div class="code-name">&amp;#xe7e3;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe7e4;</span>
<div class="name">呼叫中心</div>
<div class="code-name">&amp;#xe7e4;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe7e5;</span> <span class="icon iconfont">&#xe7e5;</span>
<div class="name">引进收费</div> <div class="name">引进收费</div>
@ -1362,18 +1355,6 @@
<div class="code-name">&amp;#xe6e2;</div> <div class="code-name">&amp;#xe6e2;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe6e3;</span>
<div class="name">集团设置</div>
<div class="code-name">&amp;#xe6e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e4;</span>
<div class="name">市场管理</div>
<div class="code-name">&amp;#xe6e4;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6e5;</span> <span class="icon iconfont">&#xe6e5;</span>
<div class="name">创建系统</div> <div class="name">创建系统</div>
@ -1416,9 +1397,10 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1640935732189') format('woff2'), src: url('iconfont.woff2?t=1657183085628') format('woff2'),
url('iconfont.woff?t=1640935732189') format('woff'), url('iconfont.woff?t=1657183085628') format('woff'),
url('iconfont.ttf?t=1640935732189') format('truetype'); url('iconfont.ttf?t=1657183085628') format('truetype'),
url('iconfont.svg?t=1657183085628#iconfont') format('svg');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -1441,9 +1423,54 @@
</blockquote> </blockquote>
</div> </div>
</div> </div>
<div class="content font-class"> <div class="content font-class" style="display: block;">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-quanxian"></span>
<div class="name">
权限
</div>
<div class="code-name">.icon-quanxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cuowu"></span>
<div class="name">
错误
</div>
<div class="code-name">.icon-cuowu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-charulianjie-"></span>
<div class="name">
插入链接-22
</div>
<div class="code-name">.icon-charulianjie-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shanchu"></span>
<div class="name">
删除
</div>
<div class="code-name">.icon-shanchu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chakanxiangqing"></span>
<div class="name">
查看详情
</div>
<div class="code-name">.icon-chakanxiangqing
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-xueshengyidong"></span> <span class="icon iconfont icon-xueshengyidong"></span>
<div class="name"> <div class="name">
@ -2128,15 +2155,6 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont icon-mingpianbaobiao_1"></span>
<div class="name">
名片报表
</div>
<div class="code-name">.icon-mingpianbaobiao_1
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-gudingzichan"></span> <span class="icon iconfont icon-gudingzichan"></span>
<div class="name"> <div class="name">
@ -2164,24 +2182,6 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont icon-hujiaotongji"></span>
<div class="name">
呼叫统计
</div>
<div class="code-name">.icon-hujiaotongji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaoshoubaobiao_1"></span>
<div class="name">
销售报表
</div>
<div class="code-name">.icon-xiaoshoubaobiao_1
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-dashuju"></span> <span class="icon iconfont icon-dashuju"></span>
<div class="name"> <div class="name">
@ -2191,15 +2191,6 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont icon-huodongguanli"></span>
<div class="name">
活动管理
</div>
<div class="code-name">.icon-huodongguanli
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-hujiaoshezhi"></span> <span class="icon iconfont icon-hujiaoshezhi"></span>
<div class="name"> <div class="name">
@ -2794,15 +2785,6 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont icon-hujiaozhongxin"></span>
<div class="name">
呼叫中心
</div>
<div class="code-name">.icon-hujiaozhongxin
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-yinjinshoufei"></span> <span class="icon iconfont icon-yinjinshoufei"></span>
<div class="name"> <div class="name">
@ -3406,24 +3388,6 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont icon-jituanshezhi"></span>
<div class="name">
集团设置
</div>
<div class="code-name">.icon-jituanshezhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shichangguanli"></span>
<div class="name">
市场管理
</div>
<div class="code-name">.icon-shichangguanli
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-chuangjianxitong"></span> <span class="icon iconfont icon-chuangjianxitong"></span>
<div class="name"> <div class="name">
@ -3487,6 +3451,46 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quanxian"></use>
</svg>
<div class="name">权限</div>
<div class="code-name">#icon-quanxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cuowu"></use>
</svg>
<div class="name">错误</div>
<div class="code-name">#icon-cuowu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-charulianjie-"></use>
</svg>
<div class="name">插入链接-22</div>
<div class="code-name">#icon-charulianjie-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchu"></use>
</svg>
<div class="name">删除</div>
<div class="code-name">#icon-shanchu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chakanxiangqing"></use>
</svg>
<div class="name">查看详情</div>
<div class="code-name">#icon-chakanxiangqing</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xueshengyidong"></use> <use xlink:href="#icon-xueshengyidong"></use>
@ -4095,14 +4099,6 @@
<div class="code-name">#icon-dianshang</div> <div class="code-name">#icon-dianshang</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mingpianbaobiao_1"></use>
</svg>
<div class="name">名片报表</div>
<div class="code-name">#icon-mingpianbaobiao_1</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gudingzichan"></use> <use xlink:href="#icon-gudingzichan"></use>
@ -4127,22 +4123,6 @@
<div class="code-name">#icon-jichupeizhi</div> <div class="code-name">#icon-jichupeizhi</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hujiaotongji"></use>
</svg>
<div class="name">呼叫统计</div>
<div class="code-name">#icon-hujiaotongji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoshoubaobiao_1"></use>
</svg>
<div class="name">销售报表</div>
<div class="code-name">#icon-xiaoshoubaobiao_1</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dashuju"></use> <use xlink:href="#icon-dashuju"></use>
@ -4151,14 +4131,6 @@
<div class="code-name">#icon-dashuju</div> <div class="code-name">#icon-dashuju</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huodongguanli"></use>
</svg>
<div class="name">活动管理</div>
<div class="code-name">#icon-huodongguanli</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hujiaoshezhi"></use> <use xlink:href="#icon-hujiaoshezhi"></use>
@ -4687,14 +4659,6 @@
<div class="code-name">#icon-daijinquan</div> <div class="code-name">#icon-daijinquan</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hujiaozhongxin"></use>
</svg>
<div class="name">呼叫中心</div>
<div class="code-name">#icon-hujiaozhongxin</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yinjinshoufei"></use> <use xlink:href="#icon-yinjinshoufei"></use>
@ -5231,22 +5195,6 @@
<div class="code-name">#icon-caidanguanli</div> <div class="code-name">#icon-caidanguanli</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jituanshezhi"></use>
</svg>
<div class="name">集团设置</div>
<div class="code-name">#icon-jituanshezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shichangguanli"></use>
</svg>
<div class="name">市场管理</div>
<div class="code-name">#icon-shichangguanli</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chuangjianxitong"></use> <use xlink:href="#icon-chuangjianxitong"></use>
@ -5319,7 +5267,7 @@
</div> </div>
<script> <script>
$(document).ready(function () { $(document).ready(function () {
$('.tab-container .content:first').show() $('.tab-container .content')eq(1).show()
$('#tabs li').click(function (e) { $('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content') var tabContent = $('.tab-container .content')