add: ok-font
parent
99e7e807c9
commit
1cd335fc30
|
|
@ -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">&#xe700;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">1212</div>
|
||||
<div class="code-name">&#xe702;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">down</div>
|
||||
|
|
@ -1566,6 +1559,12 @@
|
|||
<div class="code-name">&#xe798;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">选择</div>
|
||||
<div class="code-name">&#xe628;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">round_left_fill</div>
|
||||
|
|
@ -1590,12 +1589,24 @@
|
|||
<div class="code-name">&#xe79e;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">下拉</div>
|
||||
<div class="code-name">&#xe670;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">pull_down</div>
|
||||
<div class="code-name">&#xe79f;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">搜索</div>
|
||||
<div class="code-name">&#xe63f;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">emoji_light</div>
|
||||
|
|
@ -1674,6 +1685,12 @@
|
|||
<div class="code-name">&#xe612;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">选择</div>
|
||||
<div class="code-name">&#xe614;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">cardboard_forbid</div>
|
||||
|
|
@ -1896,6 +1913,12 @@
|
|||
<div class="code-name">&#xe7d4;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">选择按钮</div>
|
||||
<div class="code-name">&#xe604;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">第三方</div>
|
||||
|
|
@ -1956,6 +1979,12 @@
|
|||
<div class="code-name">&#xe781;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">控制台</div>
|
||||
<div class="code-name">&#xe654;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">数据</div>
|
||||
|
|
@ -1998,6 +2027,24 @@
|
|||
<div class="code-name">&#xe611;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">下拉</div>
|
||||
<div class="code-name">&#xe674;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">下拉</div>
|
||||
<div class="code-name">&#xe67a;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon ok-icon"></span>
|
||||
<div class="name">下拉</div>
|
||||
<div class="code-name">&#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()
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue