|
@@ -3,7 +3,8 @@
|
|
|
<head>
|
|
<head>
|
|
|
<meta charset="utf-8"/>
|
|
<meta charset="utf-8"/>
|
|
|
<title>IconFont Demo</title>
|
|
<title>IconFont Demo</title>
|
|
|
- <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
|
|
|
|
|
|
|
+ <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
|
|
|
|
|
+ <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
|
|
|
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
|
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
|
|
<link rel="stylesheet" href="demo.css">
|
|
<link rel="stylesheet" href="demo.css">
|
|
|
<link rel="stylesheet" href="iconfont.css">
|
|
<link rel="stylesheet" href="iconfont.css">
|
|
@@ -31,6 +32,42 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
|
|
<li class="dib">
|
|
<li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont"></span>
|
|
|
|
|
+ <div class="name">check-disabled</div>
|
|
|
|
|
+ <div class="code-name">&#xe6c9;</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont"></span>
|
|
|
|
|
+ <div class="name">checklist</div>
|
|
|
|
|
+ <div class="code-name">&#xe6c8;</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont"></span>
|
|
|
|
|
+ <div class="name">check-disabled</div>
|
|
|
|
|
+ <div class="code-name">&#xe6c7;</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont"></span>
|
|
|
|
|
+ <div class="name">check-normal</div>
|
|
|
|
|
+ <div class="code-name">&#xe6c5;</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont"></span>
|
|
|
|
|
+ <div class="name">check-checked</div>
|
|
|
|
|
+ <div class="code-name">&#xe6c6;</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont"></span>
|
|
|
|
|
+ <div class="name">loading</div>
|
|
|
|
|
+ <div class="code-name">&#xe6c4;</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
<span class="icon nutui-iconfont"></span>
|
|
<span class="icon nutui-iconfont"></span>
|
|
|
<div class="name">heart-n</div>
|
|
<div class="name">heart-n</div>
|
|
|
<div class="code-name">&#xe6c0;</div>
|
|
<div class="code-name">&#xe6c0;</div>
|
|
@@ -705,6 +742,60 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
|
|
<li class="dib">
|
|
<li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont nut-icon-wanshangshide1"></span>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ check-disabled
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="code-name">.nut-icon-wanshangshide1
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont nut-icon-wanshangshide"></span>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ checklist
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="code-name">.nut-icon-wanshangshide
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont nut-icon-check-disabled"></span>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ check-disabled
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="code-name">.nut-icon-check-disabled
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont nut-icon-check-normal"></span>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ check-normal
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="code-name">.nut-icon-check-normal
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont nut-icon-xuanzhong-1"></span>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ check-checked
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="code-name">.nut-icon-xuanzhong-1
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <span class="icon nutui-iconfont nut-icon-loading"></span>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ loading
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="code-name">.nut-icon-loading
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
<span class="icon nutui-iconfont nut-icon-heart-n"></span>
|
|
<span class="icon nutui-iconfont nut-icon-heart-n"></span>
|
|
|
<div class="name">
|
|
<div class="name">
|
|
|
heart-n
|
|
heart-n
|
|
@@ -1671,6 +1762,54 @@
|
|
|
|
|
|
|
|
<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="#nut-icon-wanshangshide1"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <div class="name">check-disabled</div>
|
|
|
|
|
+ <div class="code-name">#nut-icon-wanshangshide1</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
+ <use xlink:href="#nut-icon-wanshangshide"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <div class="name">checklist</div>
|
|
|
|
|
+ <div class="code-name">#nut-icon-wanshangshide</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
+ <use xlink:href="#nut-icon-check-disabled"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <div class="name">check-disabled</div>
|
|
|
|
|
+ <div class="code-name">#nut-icon-check-disabled</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
+ <use xlink:href="#nut-icon-check-normal"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <div class="name">check-normal</div>
|
|
|
|
|
+ <div class="code-name">#nut-icon-check-normal</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
+ <use xlink:href="#nut-icon-xuanzhong-1"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <div class="name">check-checked</div>
|
|
|
|
|
+ <div class="code-name">#nut-icon-xuanzhong-1</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
+ <use xlink:href="#nut-icon-loading"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <div class="name">loading</div>
|
|
|
|
|
+ <div class="code-name">#nut-icon-loading</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ <li class="dib">
|
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#nut-icon-heart-n"></use>
|
|
<use xlink:href="#nut-icon-heart-n"></use>
|
|
|
</svg>
|
|
</svg>
|
|
|
<div class="name">heart-n</div>
|
|
<div class="name">heart-n</div>
|