root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

规范字体图标

v1.0
bobi 2019-03-30 22:34:25 +08:00
parent 0187b2d02e
commit 8101e3fcda
9 changed files with 367 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

253
font/demo_index.html
View File

@ -48,6 +48,12 @@
<div class="code-name">&amp;#xe6c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61d;</span>
<div class="name">会员</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeaf6;</span>
<div class="name">github</div>
@ -60,6 +66,12 @@
<div class="code-name">&amp;#xe618;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe744;</span>
<div class="name">留言</div>
<div class="code-name">&amp;#xe744;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe790;</span>
<div class="name">菜单</div>
@ -84,12 +96,24 @@
<div class="code-name">&amp;#xe750;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79a;</span>
<div class="name">图表 折线图</div>
<div class="code-name">&amp;#xe79a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe623;</span>
<div class="name">qq</div>
<div class="code-name">&amp;#xe623;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63b;</span>
<div class="name">新闻</div>
<div class="code-name">&amp;#xe63b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">添加</div>
@ -102,6 +126,12 @@
<div class="code-name">&amp;#xe605;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe636;</span>
<div class="name">友情链接</div>
<div class="code-name">&amp;#xe636;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6cc;</span>
<div class="name">403</div>
@ -120,6 +150,24 @@
<div class="code-name">&amp;#xe626;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe647;</span>
<div class="name">下载</div>
<div class="code-name">&amp;#xe647;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67a;</span>
<div class="name">图表-柱状图</div>
<div class="code-name">&amp;#xe67a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe800;</span>
<div class="name">字体</div>
<div class="code-name">&amp;#xe800;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c3;</span>
<div class="name">文章</div>
@ -222,6 +270,24 @@
<div class="code-name">&amp;#xe796;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe645;</span>
<div class="name">角色管理</div>
<div class="code-name">&amp;#xe645;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61b;</span>
<div class="name">饼图</div>
<div class="code-name">&amp;#xe61b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61f;</span>
<div class="name">环形图</div>
<div class="code-name">&amp;#xe61f;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
@ -299,6 +365,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huiyuan"></span>
<div class="name">
会员
</div>
<div class="code-name">.icon-huiyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-github"></span>
<div class="name">
@ -317,6 +392,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-liuyan"></span>
<div class="name">
留言
</div>
<div class="code-name">.icon-liuyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-caidan"></span>
<div class="name">
@ -353,6 +437,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tubiaozhexiantu"></span>
<div class="name">
图表 折线图
</div>
<div class="code-name">.icon-tubiaozhexiantu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qq"></span>
<div class="name">
@ -362,6 +455,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ai-new"></span>
<div class="name">
新闻
</div>
<div class="code-name">.icon-ai-new
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tianjia"></span>
<div class="name">
@ -380,6 +482,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youqinglianjie"></span>
<div class="name">
友情链接
</div>
<div class="code-name">.icon-youqinglianjie
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-test"></span>
<div class="name">
@ -407,6 +518,33 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiazai"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-xiazai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhuzhuangtu"></span>
<div class="name">
图表-柱状图
</div>
<div class="code-name">.icon-zhuzhuangtu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-font"></span>
<div class="name">
字体
</div>
<div class="code-name">.icon-font
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenzhang2"></span>
<div class="name">
@ -560,6 +698,33 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiaoseguanli"></span>
<div class="name">
角色管理
</div>
<div class="code-name">.icon-jiaoseguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bingtu"></span>
<div class="name">
饼图
</div>
<div class="code-name">.icon-bingtu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huanxingtu"></span>
<div class="name">
环形图
</div>
<div class="code-name">.icon-huanxingtu
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
@ -613,6 +778,14 @@
<div class="code-name">#icon-map-setting</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huiyuan"></use>
</svg>
<div class="name">会员</div>
<div class="code-name">#icon-huiyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-github"></use>
@ -629,6 +802,14 @@
<div class="code-name">#icon-logo-weibo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-liuyan"></use>
</svg>
<div class="name">留言</div>
<div class="code-name">#icon-liuyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-caidan"></use>
@ -661,6 +842,14 @@
<div class="code-name">#icon-shangsheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tubiaozhexiantu"></use>
</svg>
<div class="name">图表 折线图</div>
<div class="code-name">#icon-tubiaozhexiantu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qq"></use>
@ -669,6 +858,14 @@
<div class="code-name">#icon-qq</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ai-new"></use>
</svg>
<div class="name">新闻</div>
<div class="code-name">#icon-ai-new</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tianjia"></use>
@ -685,6 +882,14 @@
<div class="code-name">#icon-goods</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youqinglianjie"></use>
</svg>
<div class="name">友情链接</div>
<div class="code-name">#icon-youqinglianjie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-test"></use>
@ -709,6 +914,30 @@
<div class="code-name">#icon-weixin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiazai"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-xiazai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhuzhuangtu"></use>
</svg>
<div class="name">图表-柱状图</div>
<div class="code-name">#icon-zhuzhuangtu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-font"></use>
</svg>
<div class="name">字体</div>
<div class="code-name">#icon-font</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenzhang2"></use>
@ -845,6 +1074,30 @@
<div class="code-name">#icon-tupian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaoseguanli"></use>
</svg>
<div class="name">角色管理</div>
<div class="code-name">#icon-jiaoseguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bingtu"></use>
</svg>
<div class="name">饼图</div>
<div class="code-name">#icon-bingtu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huanxingtu"></use>
</svg>
<div class="name">环形图</div>
<div class="code-name">#icon-huanxingtu</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>

56
font/iconfont.css
View File

File diff suppressed because one or more lines are too long

BIN
font/iconfont.eot
View File

Binary file not shown.

2
font/iconfont.js
View File

File diff suppressed because one or more lines are too long

33
font/iconfont.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 98 KiB

BIN
font/iconfont.ttf
View File

Binary file not shown.

BIN
font/iconfont.woff
View File

Binary file not shown.

BIN
font/iconfont.woff2
View File

Binary file not shown.

63
index.html
View File

@ -47,60 +47,52 @@
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">
<i class="layui-icon icon-blacklist"></i> 会员管理
<i class="iconfont icon-huiyuan"></i> 会员管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="user.html" tab-id="1-1"><i class="iconfont icon-dianliyonghuzongshu"></i> 用户列表</a></dd>
<!--<dd><a href="javascript:;" path="article.html" tab-id="1-2"><i class="iconfont icon-wenzhang2"></i> 文章列表</a></dd>-->
<dd><a href="javascript:;" path="role.html" tab-id="1-3"><i class="iconfont icon-jiaose"></i> 角色列表</a></dd>
<dd><a href="javascript:;" path="permission.html" tab-id="1-4"><i class="iconfont icon-jiaoseshouquan"></i> 权限列表</a></dd>
<!--<dd><a href="javascript:;" path="process.html" tab-id="1-5"><i class="iconfont icon-liucheng"></i> 流程列表</a></dd>-->
<!--<dd><a href="javascript:;" path="image.html" tab-id="1-6"><i class="iconfont icon-tupian"></i> 图片列表</a></dd>-->
<!--<dd><a href="javascript:;" path="login.html" tab-id="1-7"><i class="iconfont icon-denglu"></i> 登陆页面</a></dd>-->
<!--<dd><a href="javascript:;" path="404.html" tab-id="1-8"><i class="iconfont icon-404cuowu"></i> 404页面</a></dd>-->
<!--<dd><a href="javascript:;" path="403.html" tab-id="1-9"><i class="iconfont icon-icon-test"></i> 403页面</a></dd>-->
<!--<dd><a href="javascript:;" path="500.html" tab-id="1-10"><i class="iconfont icon-icon-test1"></i> 500页面</a></dd>-->
<!--<dd><a href="javascript:;" path="donate.html" tab-id="1-11"><i class="iconfont icon-juanzeng"></i> 捐赠列表</a></dd>-->
<dd><a href="javascript:;" path="role.html" tab-id="1-2"><i class="iconfont icon-jiaoseguanli"></i> 角色列表</a></dd>
<dd><a href="javascript:;" path="permission.html" tab-id="1-3"><i class="iconfont icon-jiaoseshouquan"></i> 权限列表</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe62a;</i> 新闻管理
<i class="iconfont icon-ai-new"></i> 新闻管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="article.html" tab-id="1-2"><i class="iconfont icon-wenzhang2"></i> 文章列表</a></dd>
<dd><a href="javascript:;" path="article.html" tab-id="2-1"><i class="iconfont icon-wenzhang2"></i> 文章列表</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe62a;</i> 留言管理
<i class="iconfont icon-liuyan"></i> 留言管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="user.html" tab-id="1-1"><i class="iconfont icon-dianliyonghuzongshu"></i> 留言列表</a></dd>
<dd><a href="javascript:;" path="user.html" tab-id="3-1"><i class="iconfont icon-liuyan"></i> 留言列表</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe62a;</i> 下载中心
<i class="iconfont icon-xiazai"></i> 下载中心
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="user.html" tab-id="1-1"><i class="iconfont icon-dianliyonghuzongshu"></i> 下载列表</a></dd>
<dd><a href="javascript:;" path="user.html" tab-id="4-1"><i class="iconfont icon-xiazai"></i> 下载列表</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe62a;</i> 友情链接
<i class="iconfont icon-youqinglianjie"></i> 友情链接
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="user.html" tab-id="1-1"><i class="iconfont icon-dianliyonghuzongshu"></i> 链接列表</a></dd>
<dd><a href="javascript:;" path="user.html" tab-id="5-1"><i class="iconfont icon-youqinglianjie"></i> 链接列表</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe62a;</i> 产品管理
<i class="iconfont icon-weibiaoti35"></i> 产品管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="user.html" tab-id="1-1"><i class="iconfont icon-dianliyonghuzongshu"></i> 产品列表</a></dd>
<dd><a href="javascript:;" path="user.html" tab-id="6-1"><i class="iconfont icon-weibiaoti35"></i> 产品列表</a></dd>
</dl>
</li>
<li class="layui-nav-item">
@ -108,21 +100,21 @@
<i class="layui-icon">&#xe62c;</i> 图表页面
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="map1.html" tab-id="2-1">柱状图</a></dd>
<dd><a href="javascript:;" path="map2.html" tab-id="2-2">折线图</a></dd>
<dd><a href="javascript:;" path="map3.html" tab-id="2-3">折线堆叠图</a></dd>
<dd><a href="javascript:;" path="map4.html" tab-id="2-4">饼图</a></dd>
<dd><a href="javascript:;" path="map5.html" tab-id="2-5">环形图</a></dd>
<dd><a href="javascript:;" path="map6.html" tab-id="2-6">散布图</a></dd>
<dd><a href="javascript:;" path="map1.html" tab-id="7-1"><i class="iconfont icon-zhuzhuangtu"></i> 柱状图</a></dd>
<dd><a href="javascript:;" path="map2.html" tab-id="7-2"><i class="iconfont icon-tubiaozhexiantu"></i> 折线图</a></dd>
<dd><a href="javascript:;" path="map3.html" tab-id="7-3"><i class="iconfont icon-tubiaozhexiantu"></i> 折线堆叠图</a></dd>
<dd><a href="javascript:;" path="map4.html" tab-id="7-4"><i class="iconfont icon-bingtu"></i> 饼图</a></dd>
<dd><a href="javascript:;" path="map5.html" tab-id="7-5"><i class="iconfont icon-huanxingtu"></i> 环形图</a></dd>
<dd><a href="javascript:;" path="map6.html" tab-id="7-6"><i class="iconfont icon-huanxingtu"></i> 散布图</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe646;</i> 字体图标
<i class="iconfont icon-font"></i> 字体图标
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="font-layui.html" tab-id="3-1">Layui内置图标库</a></dd>
<dd><a href="javascript:;" path="font/demo_index.html" tab-id="3-2">阿里巴巴图标库</a></dd>
<dd><a href="javascript:;" path="font-layui.html" tab-id="8-1"><i class="iconfont icon-font"></i> Layui内置图标库</a></dd>
<dd><a href="javascript:;" path="font/demo_index.html" tab-id="8-2"><i class="iconfont icon-font"></i> 阿里巴巴图标库</a></dd>
</dl>
</li>
<li class="layui-nav-item">
@ -130,9 +122,14 @@
<i class="layui-icon">&#xe716;</i> 系统管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-1"><i class="iconfont icon-settings"></i> 系统设置</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-2"><i class="iconfont icon-blacklist"></i> 屏蔽词</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-3"><i class="iconfont icon-rizhi"></i> 系统日志</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="9-1"><i class="iconfont icon-settings"></i> 系统设置</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="9-2"><i class="iconfont icon-blacklist"></i> 屏蔽词</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="9-3"><i class="iconfont icon-rizhi"></i> 系统日志</a></dd>
<dd><a href="javascript:;" path="login.html" tab-id="9-5"><i class="iconfont icon-denglu"></i> 登陆页面</a></dd>
<dd><a href="javascript:;" path="404.html" tab-id="9-6"><i class="iconfont icon-404cuowu"></i> 404页面</a></dd>
<dd><a href="javascript:;" path="403.html" tab-id="9-7"><i class="iconfont icon-icon-test"></i> 403页面</a></dd>
<dd><a href="javascript:;" path="500.html" tab-id="9-8"><i class="iconfont icon-icon-test1"></i> 500页面</a></dd>
<dd><a href="javascript:;" path="donate.html" tab-id="9-9"><i class="iconfont icon-juanzeng"></i> 捐赠列表</a></dd>
</dl>
</li>
</ul>