Initial commit

This commit is contained in:
Masterain
2022-09-27 18:46:44 -07:00
parent 9dce7a8fcd
commit 1dccc22e55
45 changed files with 17271 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

View File

@@ -0,0 +1,540 @@
/* Logo 字体 */
@font-face {
font-family: 'iconfont logo';
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix')
format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834')
format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834')
format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont')
format('svg');
}
.logo {
font-family: 'iconfont logo';
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时,垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown > p,
.markdown > blockquote,
.markdown > .highlight,
.markdown > ol,
.markdown > ul {
width: 80%;
}
.markdown ul > li {
list-style: circle;
}
.markdown > ul li,
.markdown blockquote ul > li {
margin-left: 20px;
padding-left: 4px;
}
.markdown > ul li p,
.markdown > ol li p {
margin: 0.6em 0;
}
.markdown ol > li {
list-style: decimal;
}
.markdown > ol li,
.markdown blockquote ol > li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown > table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown > table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown > table th,
.markdown > table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown > table th {
background: #f7f7f7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown > br,
.markdown > p > br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*='language-'],
pre[class*='language-'] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*='language-']::-moz-selection,
pre[class*='language-'] ::-moz-selection,
code[class*='language-']::-moz-selection,
code[class*='language-'] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*='language-']::selection,
pre[class*='language-'] ::selection,
code[class*='language-']::selection,
code[class*='language-'] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*='language-'],
pre[class*='language-'] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*='language-'] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
:not(pre) > code[class*='language-'],
pre[class*='language-'] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*='language-'] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: 0.7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}

View File

@@ -0,0 +1,502 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<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="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<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">
<ul id="tabs" class="dib-box">
<li class="dib"><span>Symbol</span></li>
</ul>
</div>
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-link"></use>
</svg>
<div class="name">链接</div>
<div class="code-name">#docs-link</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-edit"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#docs-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-qrcode"></use>
</svg>
<div class="name">二维码</div>
<div class="code-name">#docs-qrcode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-set"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#docs-set</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-set-fill"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#docs-set-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-callback-fill"></use>
</svg>
<div class="name">帮助反馈</div>
<div class="code-name">#docs-callback-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-switch"></use>
</svg>
<div class="name">切换</div>
<div class="code-name">#docs-switch</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-favorites-fill"></use>
</svg>
<div class="name">favorites-fill</div>
<div class="code-name">#docs-favorites-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-costoms-alearance"></use>
</svg>
<div class="name">costoms-alearance</div>
<div class="code-name">#docs-costoms-alearance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-hot"></use>
</svg>
<div class="name">hot</div>
<div class="code-name">#docs-hot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-resonserate"></use>
</svg>
<div class="name">resonse rate</div>
<div class="code-name">#docs-resonserate</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-hot-fill"></use>
</svg>
<div class="name">hot-fill</div>
<div class="code-name">#docs-hot-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-resonserate-fill"></use>
</svg>
<div class="name">resonse rate-fill</div>
<div class="code-name">#docs-resonserate-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-collection"></use>
</svg>
<div class="name">collection</div>
<div class="code-name">#docs-collection</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-collection-fill"></use>
</svg>
<div class="name">collection-fill</div>
<div class="code-name">#docs-collection-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-stick"></use>
</svg>
<div class="name">置顶</div>
<div class="code-name">#docs-stick</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-favorites"></use>
</svg>
<div class="name">favorites</div>
<div class="code-name">#docs-favorites</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-arrows-left"></use>
</svg>
<div class="name">左箭头</div>
<div class="code-name">#docs-arrows-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-arrows-right"></use>
</svg>
<div class="name">右箭头</div>
<div class="code-name">#docs-arrows-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-arrows-top"></use>
</svg>
<div class="name">上箭头</div>
<div class="code-name">#docs-arrows-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-arrows-bottom"></use>
</svg>
<div class="name">下箭头</div>
<div class="code-name">#docs-arrows-bottom</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-transpond"></use>
</svg>
<div class="name">转发</div>
<div class="code-name">#docs-transpond</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-font"></use>
</svg>
<div class="name">icon_font</div>
<div class="code-name">#docs-font</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-share-fill"></use>
</svg>
<div class="name">分 享</div>
<div class="code-name">#docs-share-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-gotop"></use>
</svg>
<div class="name">回到顶部</div>
<div class="code-name">#docs-gotop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-map"></use>
</svg>
<div class="name">map</div>
<div class="code-name">#docs-map</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-refresh"></use>
</svg>
<div class="name">refresh</div>
<div class="code-name">#docs-refresh</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-endorse-fill"></use>
</svg>
<div class="name">点赞</div>
<div class="code-name">#docs-endorse-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-language"></use>
</svg>
<div class="name">语言</div>
<div class="code-name">#docs-language</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-endorse-border"></use>
</svg>
<div class="name">点赞</div>
<div class="code-name">#docs-endorse-border</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-github"></use>
</svg>
<div class="name">GitHub</div>
<div class="code-name">#docs-github</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-zhifubao-guanfang"></use>
</svg>
<div class="name">支付宝-官方</div>
<div class="code-name">#docs-zhifubao-guanfang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-paypal"></use>
</svg>
<div class="name">paypal</div>
<div class="code-name">#docs-paypal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-Paypal"></use>
</svg>
<div class="name">Paypal </div>
<div class="code-name">#docs-Paypal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-wecath-paly"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#docs-wecath-paly</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-wechat"></use>
</svg>
<div class="name">wechat</div>
<div class="code-name">#docs-wechat</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-bilibili"></use>
</svg>
<div class="name">bilibili</div>
<div class="code-name">#docs-bilibili</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-zcool"></use>
</svg>
<div class="name">zcool</div>
<div class="code-name">#docs-zcool</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-qq"></use>
</svg>
<div class="name">qq</div>
<div class="code-name">#docs-qq</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-facebook"></use>
</svg>
<div class="name">Facebook</div>
<div class="code-name">#docs-facebook</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-gitee"></use>
</svg>
<div class="name">gitee</div>
<div class="code-name">#docs-gitee</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-zhihu"></use>
</svg>
<div class="name">知乎</div>
<div class="code-name">#docs-zhihu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-medium"></use>
</svg>
<div class="name">medium</div>
<div class="code-name">#docs-medium</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-twttier"></use>
</svg>
<div class="name">twitter hover_pc</div>
<div class="code-name">#docs-twttier</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-behance"></use>
</svg>
<div class="name">behance</div>
<div class="code-name">#docs-behance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-instagram"></use>
</svg>
<div class="name">instagram</div>
<div class="code-name">#docs-instagram</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-youtube"></use>
</svg>
<div class="name">you-tube</div>
<div class="code-name">#docs-youtube</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-bilibili-text"></use>
</svg>
<div class="name">bilibili</div>
<div class="code-name">#docs-bilibili-text</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#docs-weibo"></use>
</svg>
<div class="name">微博</div>
<div class="code-name">#docs-weibo</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>
<hr>
<p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:</p>
<ul>
<li>支持多色图标了,不再受单色限制。</li>
<li>通过一些技巧,支持像字体那样,通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
<li>兼容性较差,支持 IE9+,及现代浏览器。</li>
<li>浏览器渲染 SVG 的性能一般,还不如 png。</li>
</ul>
<p>使用步骤如下:</p>
<h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show()
$('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content')
var index = $(this).index()
if ($(this).hasClass('active')) {
return
} else {
$('#tabs li').removeClass('active')
$(this).addClass('active')
tabContent.hide().eq(index).fadeIn()
}
})
})
</script>
</body>
</html>

View File

@@ -0,0 +1,210 @@
@font-face {
font-family: 'iconfont'; /* Project id 2601360 */
src: url('iconfont.woff2?t=1624090719160') format('woff2'),
url('iconfont.woff?t=1624090719160') format('woff'),
url('iconfont.ttf?t=1624090719160') format('truetype');
}
.iconfont {
font-family: 'iconfont' !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.docs-link:before {
content: '\e631';
}
.docs-edit:before {
content: '\e671';
}
.docs-qrcode:before {
content: '\e642';
}
.docs-set:before {
content: '\e633';
}
.docs-set-fill:before {
content: '\e654';
}
.docs-callback-fill:before {
content: '\e67d';
}
.docs-switch:before {
content: '\e647';
}
.docs-favorites-fill:before {
content: '\e721';
}
.docs-costoms-alearance:before {
content: '\e74a';
}
.docs-hot:before {
content: '\e753';
}
.docs-resonserate:before {
content: '\e75e';
}
.docs-hot-fill:before {
content: '\e781';
}
.docs-resonserate-fill:before {
content: '\e78a';
}
.docs-collection:before {
content: '\e79d';
}
.docs-collection-fill:before {
content: '\e79e';
}
.docs-stick:before {
content: '\e6a3';
}
.docs-favorites:before {
content: '\e7b3';
}
.docs-arrows-left:before {
content: '\e60b';
}
.docs-arrows-right:before {
content: '\e60c';
}
.docs-arrows-top:before {
content: '\e60a';
}
.docs-arrows-bottom:before {
content: '\e60d';
}
.docs-transpond:before {
content: '\e624';
}
.docs-font:before {
content: '\e7f6';
}
.docs-share-fill:before {
content: '\e608';
}
.docs-gotop:before {
content: '\ef85';
}
.docs-map:before {
content: '\e678';
}
.docs-refresh:before {
content: '\e67c';
}
.docs-endorse-fill:before {
content: '\e613';
}
.docs-language:before {
content: '\e85f';
}
.docs-endorse-border:before {
content: '\e619';
}
.docs-github:before {
content: '\e607';
}
.docs-zhifubao-guanfang:before {
content: '\e663';
}
.docs-paypal:before {
content: '\e614';
}
.docs-Paypal:before {
content: '\e664';
}
.docs-wecath-paly:before {
content: '\e6d6';
}
.docs-wechat:before {
content: '\e617';
}
.docs-bilibili:before {
content: '\e6cf';
}
.docs-zcool:before {
content: '\e61a';
}
.docs-qq:before {
content: '\e604';
}
.docs-facebook:before {
content: '\e606';
}
.docs-gitee:before {
content: '\e602';
}
.docs-zhihu:before {
content: '\e600';
}
.docs-medium:before {
content: '\e956';
}
.docs-twttier:before {
content: '\e601';
}
.docs-behance:before {
content: '\ea09';
}
.docs-instagram:before {
content: '\e864';
}
.docs-youtube:before {
content: '\e603';
}
.docs-bilibili-text:before {
content: '\e605';
}
.docs-weibo:before {
content: '\e676';
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,352 @@
{
"id": "2601360",
"name": "yuanshenmap-docs",
"font_family": "iconfont",
"css_prefix_text": "docs-",
"description": "",
"glyphs": [
{
"icon_id": "70256",
"name": "链接",
"font_class": "link",
"unicode": "e631",
"unicode_decimal": 58929
},
{
"icon_id": "712427",
"name": "编辑",
"font_class": "edit",
"unicode": "e671",
"unicode_decimal": 58993
},
{
"icon_id": "1004649",
"name": "二维码",
"font_class": "qrcode",
"unicode": "e642",
"unicode_decimal": 58946
},
{
"icon_id": "1435240",
"name": "设置",
"font_class": "set",
"unicode": "e633",
"unicode_decimal": 58931
},
{
"icon_id": "5543849",
"name": "设置",
"font_class": "set-fill",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "8597172",
"name": "帮助反馈",
"font_class": "callback-fill",
"unicode": "e67d",
"unicode_decimal": 59005
},
{
"icon_id": "9568050",
"name": "切换",
"font_class": "switch",
"unicode": "e647",
"unicode_decimal": 58951
},
{
"icon_id": "11481317",
"name": "favorites-fill",
"font_class": "favorites-fill",
"unicode": "e721",
"unicode_decimal": 59169
},
{
"icon_id": "11488018",
"name": "costoms-alearance",
"font_class": "costoms-alearance",
"unicode": "e74a",
"unicode_decimal": 59210
},
{
"icon_id": "11488058",
"name": "hot",
"font_class": "hot",
"unicode": "e753",
"unicode_decimal": 59219
},
{
"icon_id": "11488109",
"name": "resonse rate",
"font_class": "resonserate",
"unicode": "e75e",
"unicode_decimal": 59230
},
{
"icon_id": "11488266",
"name": "hot-fill",
"font_class": "hot-fill",
"unicode": "e781",
"unicode_decimal": 59265
},
{
"icon_id": "11488307",
"name": "resonse rate-fill",
"font_class": "resonserate-fill",
"unicode": "e78a",
"unicode_decimal": 59274
},
{
"icon_id": "11494511",
"name": "collection",
"font_class": "collection",
"unicode": "e79d",
"unicode_decimal": 59293
},
{
"icon_id": "11494513",
"name": "collection-fill",
"font_class": "collection-fill",
"unicode": "e79e",
"unicode_decimal": 59294
},
{
"icon_id": "11669839",
"name": "置顶",
"font_class": "stick",
"unicode": "e6a3",
"unicode_decimal": 59043
},
{
"icon_id": "12011695",
"name": "favorites",
"font_class": "favorites",
"unicode": "e7b3",
"unicode_decimal": 59315
},
{
"icon_id": "12515449",
"name": "左箭头",
"font_class": "arrows-left",
"unicode": "e60b",
"unicode_decimal": 58891
},
{
"icon_id": "12515452",
"name": "右箭头",
"font_class": "arrows-right",
"unicode": "e60c",
"unicode_decimal": 58892
},
{
"icon_id": "12515453",
"name": "上箭头",
"font_class": "arrows-top",
"unicode": "e60a",
"unicode_decimal": 58890
},
{
"icon_id": "12515458",
"name": "下箭头",
"font_class": "arrows-bottom",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "13766980",
"name": "转发",
"font_class": "transpond",
"unicode": "e624",
"unicode_decimal": 58916
},
{
"icon_id": "13834881",
"name": "icon_font",
"font_class": "font",
"unicode": "e7f6",
"unicode_decimal": 59382
},
{
"icon_id": "14195994",
"name": "分 享",
"font_class": "share-fill",
"unicode": "e608",
"unicode_decimal": 58888
},
{
"icon_id": "14236640",
"name": "回到顶部",
"font_class": "gotop",
"unicode": "ef85",
"unicode_decimal": 61317
},
{
"icon_id": "15838499",
"name": "map",
"font_class": "map",
"unicode": "e678",
"unicode_decimal": 59000
},
{
"icon_id": "15838519",
"name": "refresh",
"font_class": "refresh",
"unicode": "e67c",
"unicode_decimal": 59004
},
{
"icon_id": "16286931",
"name": "点赞",
"font_class": "endorse-fill",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "16399020",
"name": "语言",
"font_class": "language",
"unicode": "e85f",
"unicode_decimal": 59487
},
{
"icon_id": "17816555",
"name": "点赞",
"font_class": "endorse-border",
"unicode": "e619",
"unicode_decimal": 58905
},
{
"icon_id": "4166789",
"name": "GitHub",
"font_class": "github",
"unicode": "e607",
"unicode_decimal": 58887
},
{
"icon_id": "5340860",
"name": "支付宝-官方",
"font_class": "zhifubao-guanfang",
"unicode": "e663",
"unicode_decimal": 58979
},
{
"icon_id": "6897962",
"name": "paypal",
"font_class": "paypal",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "9270747",
"name": "Paypal ",
"font_class": "Paypal",
"unicode": "e664",
"unicode_decimal": 58980
},
{
"icon_id": "3145063",
"name": "微信",
"font_class": "wecath-paly",
"unicode": "e6d6",
"unicode_decimal": 59094
},
{
"icon_id": "4836401",
"name": "wechat",
"font_class": "wechat",
"unicode": "e617",
"unicode_decimal": 58903
},
{
"icon_id": "4956691",
"name": "bilibili",
"font_class": "bilibili",
"unicode": "e6cf",
"unicode_decimal": 59087
},
{
"icon_id": "5202107",
"name": "zcool",
"font_class": "zcool",
"unicode": "e61a",
"unicode_decimal": 58906
},
{
"icon_id": "6626033",
"name": "qq",
"font_class": "qq",
"unicode": "e604",
"unicode_decimal": 58884
},
{
"icon_id": "6826655",
"name": "Facebook",
"font_class": "facebook",
"unicode": "e606",
"unicode_decimal": 58886
},
{
"icon_id": "10636151",
"name": "gitee",
"font_class": "gitee",
"unicode": "e602",
"unicode_decimal": 58882
},
{
"icon_id": "11268025",
"name": "知乎",
"font_class": "zhihu",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "11287268",
"name": "medium",
"font_class": "medium",
"unicode": "e956",
"unicode_decimal": 59734
},
{
"icon_id": "11346177",
"name": "twitter hover_pc",
"font_class": "twttier",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "11983538",
"name": "behance",
"font_class": "behance",
"unicode": "ea09",
"unicode_decimal": 59913
},
{
"icon_id": "13798151",
"name": "instagram",
"font_class": "instagram",
"unicode": "e864",
"unicode_decimal": 59492
},
{
"icon_id": "15760880",
"name": "you-tube",
"font_class": "youtube",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "16745321",
"name": "bilibili",
"font_class": "bilibili-text",
"unicode": "e605",
"unicode_decimal": 58885
},
{
"icon_id": "20519523",
"name": "微博",
"font_class": "weibo",
"unicode": "e676",
"unicode_decimal": 58998
}
]
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB