add: ok-font

master
hello 2019-10-18 14:12:56 +08:00
parent 99e7e807c9
commit 1cd335fc30
1 changed files with 213 additions and 30 deletions

View File

@ -3,7 +3,6 @@
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="../../lib/fonts/demo.css">
<link rel="stylesheet" href="../../lib/fonts/iconfont.css">
@ -834,12 +833,6 @@
<div class="code-name">&amp;#xe700;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe702;</span>
<div class="name">1212</div>
<div class="code-name">&amp;#xe702;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe703;</span>
<div class="name">down</div>
@ -1566,6 +1559,12 @@
<div class="code-name">&amp;#xe798;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe628;</span>
<div class="name">选择</div>
<div class="code-name">&amp;#xe628;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe799;</span>
<div class="name">round_left_fill</div>
@ -1590,12 +1589,24 @@
<div class="code-name">&amp;#xe79e;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe670;</span>
<div class="name">下拉</div>
<div class="code-name">&amp;#xe670;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe79f;</span>
<div class="name">pull_down</div>
<div class="code-name">&amp;#xe79f;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe63f;</span>
<div class="name">搜索</div>
<div class="code-name">&amp;#xe63f;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe7a1;</span>
<div class="name">emoji_light</div>
@ -1674,6 +1685,12 @@
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe614;</span>
<div class="name">选择</div>
<div class="code-name">&amp;#xe614;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe7af;</span>
<div class="name">cardboard_forbid</div>
@ -1896,6 +1913,12 @@
<div class="code-name">&amp;#xe7d4;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe604;</span>
<div class="name">选择按钮</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe627;</span>
<div class="name">第三方</div>
@ -1956,6 +1979,12 @@
<div class="code-name">&amp;#xe781;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe654;</span>
<div class="name">控制台</div>
<div class="code-name">&amp;#xe654;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe61b;</span>
<div class="name">数据</div>
@ -1998,6 +2027,24 @@
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe674;</span>
<div class="name">下拉</div>
<div class="code-name">&amp;#xe674;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe67a;</span>
<div class="name">下拉</div>
<div class="code-name">&amp;#xe67a;</div>
</li>
<li class="dib">
<span class="icon ok-icon">&#xe67b;</span>
<div class="name">下拉</div>
<div class="code-name">&amp;#xe67b;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
@ -3254,15 +3301,6 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-1212"></span>
<div class="name">
1212
</div>
<div class="code-name">.ok-icon-1212
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-down"></span>
<div class="name">
@ -4352,6 +4390,15 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-xuanze"></span>
<div class="name">
选择
</div>
<div class="code-name">.ok-icon-xuanze
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-roundleftfill"></span>
<div class="name">
@ -4388,6 +4435,15 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-right1"></span>
<div class="name">
下拉
</div>
<div class="code-name">.ok-icon-right1
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-pulldown1"></span>
<div class="name">
@ -4397,6 +4453,15 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-sousuo"></span>
<div class="name">
搜索
</div>
<div class="code-name">.ok-icon-sousuo
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-emojilight"></span>
<div class="name">
@ -4514,6 +4579,15 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-choose"></span>
<div class="name">
选择
</div>
<div class="code-name">.ok-icon-choose
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-cardboardforbid"></span>
<div class="name">
@ -4847,6 +4921,15 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-xuanzeanniu"></span>
<div class="name">
选择按钮
</div>
<div class="code-name">.ok-icon-xuanzeanniu
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-weibiaoti-"></span>
<div class="name">
@ -4937,6 +5020,15 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-kongzhitai_"></span>
<div class="name">
控制台
</div>
<div class="code-name">.ok-icon-kongzhitai_
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-shuju1"></span>
<div class="name">
@ -5000,6 +5092,33 @@
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-up-copy"></span>
<div class="name">
下拉
</div>
<div class="code-name">.ok-icon-up-copy
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-down-copy"></span>
<div class="name">
下拉
</div>
<div class="code-name">.ok-icon-down-copy
</div>
</li>
<li class="dib">
<span class="icon ok-icon ok-icon-left-copy"></span>
<div class="name">
下拉
</div>
<div class="code-name">.ok-icon-left-copy
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
@ -6101,14 +6220,6 @@
<div class="code-name">#ok-icon-sort</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-1212"></use>
</svg>
<div class="name">1212</div>
<div class="code-name">#ok-icon-1212</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-down"></use>
@ -7077,6 +7188,14 @@
<div class="code-name">#ok-icon-xiami</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-xuanze"></use>
</svg>
<div class="name">选择</div>
<div class="code-name">#ok-icon-xuanze</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-roundleftfill"></use>
@ -7109,6 +7228,14 @@
<div class="code-name">#ok-icon-roundleftfill-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-right1"></use>
</svg>
<div class="name">下拉</div>
<div class="code-name">#ok-icon-right1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-pulldown1"></use>
@ -7117,6 +7244,14 @@
<div class="code-name">#ok-icon-pulldown1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-sousuo"></use>
</svg>
<div class="name">搜索</div>
<div class="code-name">#ok-icon-sousuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-emojilight"></use>
@ -7221,6 +7356,14 @@
<div class="code-name">#ok-icon-yooxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-choose"></use>
</svg>
<div class="name">选择</div>
<div class="code-name">#ok-icon-choose</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-cardboardforbid"></use>
@ -7517,6 +7660,14 @@
<div class="code-name">#ok-icon-subscription</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-xuanzeanniu"></use>
</svg>
<div class="name">选择按钮</div>
<div class="code-name">#ok-icon-xuanzeanniu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-weibiaoti-"></use>
@ -7597,6 +7748,14 @@
<div class="code-name">#ok-icon-yun</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-kongzhitai_"></use>
</svg>
<div class="name">控制台</div>
<div class="code-name">#ok-icon-kongzhitai_</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-shuju1"></use>
@ -7653,6 +7812,30 @@
<div class="code-name">#ok-icon-shezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-up-copy"></use>
</svg>
<div class="name">下拉</div>
<div class="code-name">#ok-icon-up-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-down-copy"></use>
</svg>
<div class="name">下拉</div>
<div class="code-name">#ok-icon-down-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ok-icon-left-copy"></use>
</svg>
<div class="name">下拉</div>
<div class="code-name">#ok-icon-left-copy</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>
@ -7693,17 +7876,17 @@
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show();
$('.tab-container .content:first').show()
$('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content');
var index = $(this).index();
var tabContent = $('.tab-container .content')
var index = $(this).index()
if ($(this).hasClass('active')) {
return
} else {
$('#tabs li').removeClass('active');
$(this).addClass('active');
$('#tabs li').removeClass('active')
$(this).addClass('active')
tabContent.hide().eq(index).fadeIn()
}