Skip to content

肖康 / cloudSystem

Go to a project
Commit ee8f6a20 by 肖康
Options

x

parent 5a67727f
Inline Side-by-side
Showing with 1127 additions and 0 deletions
src/assets/css/font/demo.css 0 → 100644
/* 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: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .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%, .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;
}
src/assets/css/font/demo_index.html 0 → 100644
<!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 active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2537242" target="_blank" class="nav-more">查看项目</a>
</div>
<div class="tab-container">
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe64d;</span>
<div class="name">drow</div>
<div class="code-name">&amp;#xe64d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span>
<div class="name">sanjiao</div>
<div class="code-name">&amp;#xe64e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64f;</span>
<div class="name">sy</div>
<div class="code-name">&amp;#xe64f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe650;</span>
<div class="name">store</div>
<div class="code-name">&amp;#xe650;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe651;</span>
<div class="name">sq</div>
<div class="code-name">&amp;#xe651;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe652;</span>
<div class="name">user</div>
<div class="code-name">&amp;#xe652;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe653;</span>
<div class="name">wd</div>
<div class="code-name">&amp;#xe653;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe654;</span>
<div class="name">msg</div>
<div class="code-name">&amp;#xe654;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe655;</span>
<div class="name">close</div>
<div class="code-name">&amp;#xe655;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe656;</span>
<div class="name">goods</div>
<div class="code-name">&amp;#xe656;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe657;</span>
<div class="name">bj</div>
<div class="code-name">&amp;#xe657;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1620612633065') format('woff2'),
url('iconfont.woff?t=1620612633065') format('woff'),
url('iconfont.ttf?t=1620612633065') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icondrow"></span>
<div class="name">
drow
</div>
<div class="code-name">.icondrow
</div>
</li>
<li class="dib">
<span class="icon iconfont iconsanjiao"></span>
<div class="name">
sanjiao
</div>
<div class="code-name">.iconsanjiao
</div>
</li>
<li class="dib">
<span class="icon iconfont iconsy"></span>
<div class="name">
sy
</div>
<div class="code-name">.iconsy
</div>
</li>
<li class="dib">
<span class="icon iconfont iconstore"></span>
<div class="name">
store
</div>
<div class="code-name">.iconstore
</div>
</li>
<li class="dib">
<span class="icon iconfont iconsq"></span>
<div class="name">
sq
</div>
<div class="code-name">.iconsq
</div>
</li>
<li class="dib">
<span class="icon iconfont iconuser"></span>
<div class="name">
user
</div>
<div class="code-name">.iconuser
</div>
</li>
<li class="dib">
<span class="icon iconfont iconwd"></span>
<div class="name">
wd
</div>
<div class="code-name">.iconwd
</div>
</li>
<li class="dib">
<span class="icon iconfont iconmsg"></span>
<div class="name">
msg
</div>
<div class="code-name">.iconmsg
</div>
</li>
<li class="dib">
<span class="icon iconfont iconclose"></span>
<div class="name">
close
</div>
<div class="code-name">.iconclose
</div>
</li>
<li class="dib">
<span class="icon iconfont icongoods"></span>
<div class="name">
goods
</div>
<div class="code-name">.icongoods
</div>
</li>
<li class="dib">
<span class="icon iconfont iconbj"></span>
<div class="name">
bj
</div>
<div class="code-name">.iconbj
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
<hr>
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
<p>与 Unicode 使用方式相比，具有如下特点：</p>
<ul>
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</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="#icondrow"></use>
</svg>
<div class="name">drow</div>
<div class="code-name">#icondrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconsanjiao"></use>
</svg>
<div class="name">sanjiao</div>
<div class="code-name">#iconsanjiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconsy"></use>
</svg>
<div class="name">sy</div>
<div class="code-name">#iconsy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconstore"></use>
</svg>
<div class="name">store</div>
<div class="code-name">#iconstore</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconsq"></use>
</svg>
<div class="name">sq</div>
<div class="code-name">#iconsq</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconuser"></use>
</svg>
<div class="name">user</div>
<div class="code-name">#iconuser</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwd"></use>
</svg>
<div class="name">wd</div>
<div class="code-name">#iconwd</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconmsg"></use>
</svg>
<div class="name">msg</div>
<div class="code-name">#iconmsg</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconclose"></use>
</svg>
<div class="name">close</div>
<div class="code-name">#iconclose</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongoods"></use>
</svg>
<div class="name">goods</div>
<div class="code-name">#icongoods</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconbj"></use>
</svg>
<div class="name">bj</div>
<div class="code-name">#iconbj</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>
src/assets/css/font/iconfont.css 0 → 100644
@font-face {
font-family: "iconfont"; /* Project id 2537242 */
src: url('iconfont.woff2?t=1620612633065') format('woff2'),
url('iconfont.woff?t=1620612633065') format('woff'),
url('iconfont.ttf?t=1620612633065') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icondrow:before {
content: "\e64d";
}
.iconsanjiao:before {
content: "\e64e";
}
.iconsy:before {
content: "\e64f";
}
.iconstore:before {
content: "\e650";
}
.iconsq:before {
content: "\e651";
}
.iconuser:before {
content: "\e652";
}
.iconwd:before {
content: "\e653";
}
.iconmsg:before {
content: "\e654";
}
.iconclose:before {
content: "\e655";
}
.icongoods:before {
content: "\e656";
}
.iconbj:before {
content: "\e657";
}
src/assets/css/font/iconfont.js 0 → 100644
!function(a){var c,t,e,l,o,i,n='<svg><symbol id="icondrow" viewBox="0 0 1024 1024"><path d="M534.26087 872.358957a381.729391 381.729391 0 1 1 0.623304-763.458783A381.729391 381.729391 0 0 1 534.26087 872.358957zM534.26087 934.956522c245.893565 0 445.217391-199.323826 445.217391-445.217392S780.154435 44.521739 534.26087 44.521739 89.043478 243.845565 89.043478 489.73913s199.323826 445.217391 445.217392 445.217392z m0-277.504a31.165217 31.165217 0 0 0 22.79513-9.883826l192.333913-205.022609a31.298783 31.298783 0 1 0-45.679304-42.874435L534.26087 580.296348 364.989217 399.716174a31.298783 31.298783 0 0 0-45.634782 42.874435l192.111304 205.156174c5.921391 6.233043 14.157913 9.794783 22.795131 9.705739z" ></path></symbol><symbol id="iconsanjiao" viewBox="0 0 1152 1024"><path d="M473.6 762.496L153.6 335.872a128 128 0 0 1 102.4-204.8h640a128 128 0 0 1 102.4 204.8L678.4 762.496a128 128 0 0 1-204.8 0z" ></path></symbol><symbol id="iconsy" viewBox="0 0 1024 1024"><path d="M932.4544 477.44h-17.2544l-385.8944-374.3744c-11.52-11.52-23.04-11.52-34.56 0l-391.68 374.3744h-11.52a39.3728 39.3728 0 0 0-40.3456 40.3456v34.56c0 23.04 17.2544 40.2944 40.3456 40.2944h103.6288v264.96c0 23.04 17.3056 40.3456 40.3456 40.3456h167.0656c23.04 0 40.2944-17.3056 40.2944-40.3456v-213.0944h138.24v213.0944c0 23.04 17.3056 40.3456 40.2944 40.3456H788.48c23.04 0 40.2944-17.3056 40.2944-40.3456v-264.96h103.68c23.04 0 40.3456-17.2544 40.3456-40.2944v-34.56a39.3728 39.3728 0 0 0-40.3456-40.3456z" ></path></symbol><symbol id="iconstore" viewBox="0 0 1024 1024"><path d="M407.296 305.664a151.2448 151.2448 0 0 0-151.1424-151.1424A151.2448 151.2448 0 0 0 105.0112 305.664c0 41.6768 15.616 78.1824 41.6768 104.2432-5.2224 31.232-10.3936 62.5664-10.3936 93.7984a398.848 398.848 0 0 0 187.5968 338.7904l31.2832-125.0816a277.6576 277.6576 0 0 1-99.0208-213.7088c0-15.616 0-31.232 5.2224-46.8992 78.1824 0 145.92-67.7376 145.92-151.1424zM537.6 222.2592c52.1216 0 99.0208 15.6672 140.7488 36.5056-5.2224 15.616-10.4448 36.4544-10.4448 52.1216a151.2448 151.2448 0 0 0 151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424-151.1424 151.2448 151.2448 0 0 0-151.1424-151.1424c-20.8384 0-36.5056 5.2224-57.344 10.3936A406.0672 406.0672 0 0 0 537.6 102.4c-57.344 0-114.688 10.4448-161.5872 36.5056l67.7888 99.0208A295.1168 295.1168 0 0 1 537.6 222.208z m281.4464 291.84c-5.2224 104.2944-62.5664 192.8704-151.1424 234.5984-26.112-46.8992-78.1824-83.4048-135.5264-83.4048a151.2448 151.2448 0 0 0-151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424 151.1424c62.5664 0 114.688-36.4544 140.7488-93.7984 156.3648-57.344 265.7792-203.264 265.7792-375.296v-26.0096c-5.1712 5.1712-119.8592 41.6768-119.8592 41.6768z" ></path></symbol><symbol id="iconsq" viewBox="0 0 1024 1024"><path d="M399.758222 260.551111a7.395556 7.395556 0 0 0-12.629333-4.323555l-40.504889 40.561777-124.017778-123.960889a7.395556 7.395556 0 0 0-10.467555 0l-39.253334 39.253334a7.395556 7.395556 0 0 0 0 10.467555l123.960889 124.017778-40.732444 40.675556a7.395556 7.395556 0 0 0 4.380444 12.629333l148.536889 17.464889a7.395556 7.395556 0 0 0 8.305778-8.192L399.758222 260.551111z m9.386667 346.168889l-148.650667 17.521778a7.395556 7.395556 0 0 0-4.380444 12.629333l40.732444 40.732445-124.017778 123.790222a7.452444 7.452444 0 0 0 0 10.524444l39.253334 39.253334a7.395556 7.395556 0 0 0 10.524444 0l124.017778-124.017778 40.504889 40.561778a7.395556 7.395556 0 0 0 12.629333-4.323556l17.521778-148.48a7.338667 7.338667 0 0 0-8.135111-8.192z m205.653333-189.383111l148.707556-17.521778a7.395556 7.395556 0 0 0 4.380444-12.629333l-40.732444-40.618667 124.017778-123.904a7.452444 7.452444 0 0 0 0-10.467555l-39.310223-39.253334a7.452444 7.452444 0 0 0-10.524444 0l-124.017778 123.847111-40.504889-40.561777a7.395556 7.395556 0 0 0-12.629333 4.380444l-17.464889 148.48a7.395556 7.395556 0 0 0 8.078222 8.248889z m112.355556 260.152889l40.732444-40.675556a7.395556 7.395556 0 0 0-4.380444-12.629333l-148.536889-17.521778a7.395556 7.395556 0 0 0-8.305778 8.248889l17.521778 148.536889a7.395556 7.395556 0 0 0 12.629333 4.380444l40.561778-40.561777 124.017778 123.904c2.844444 2.901333 7.566222 2.901333 10.467555 0l39.310223-39.196445a7.452444 7.452444 0 0 0 0-10.467555l-124.017778-124.017778z" ></path></symbol><symbol id="iconuser" viewBox="0 0 1024 1024"><path d="M627.6608 564.4288a288 288 0 0 1 288 283.9552v18.432c0 60.16-113.8176 63.6928-260.1984 63.8976H413.9008C267.8784 930.5088 153.6 926.976 153.6 866.816v-18.432a288 288 0 0 1 288-283.9552zM525.1072 51.2c123.4432 0 223.488 98.5088 223.488 220.0576 0 121.4976-100.0448 220.0064-223.488 220.0064-123.392 0-223.488-98.5088-223.488-220.0576C301.6192 149.76 401.7152 51.2 525.1072 51.2z" ></path></symbol><symbol id="iconwd" viewBox="0 0 1024 1024"><path d="M250.212174 44.521739C188.059826 44.521739 137.750261 96.701217 137.750261 161.124174v699.614609c0 64.422957 50.309565 116.646957 112.372869 116.646956h561.997913c62.063304 0 118.561391-52.224 118.561392-116.646956V249.766957L738.482087 44.521739H250.212174z m449.224348 66.649044l165.175652 166.555826h-138.195478a27.158261 27.158261 0 0 1-26.980174-27.247305v-139.353043z m110.102261 799.565913H258.938435c-30.408348 0-55.073391-25.6-55.073392-57.07687V168.247652c0-31.521391 24.665043-57.07687 55.073392-57.076869h385.424695v171.319652c0 31.521391 24.665043 57.121391 55.073392 57.121391h165.175652v514.048c0 31.47687-24.665043 57.07687-55.073391 57.07687zM574.775652 410.935652H295.446261c-14.959304-1.78087-26.089739-16.027826-25.377391-32.634435-1.424696-17.007304 9.883826-32.189217 25.377391-33.970087h279.373913c15.538087 1.78087 26.802087 16.918261 25.377391 33.970087 0.712348 16.562087-10.418087 30.853565-25.377391 32.634435h-0.044522z m198.566957 166.600348H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.346783 0-16.161391 10.551652-30.096696 25.110261-33.30226h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.30226 0 16.205913-10.50713 30.141217-25.110261 33.346783h-0.089043z m0 166.555826H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.302261s10.551652-30.096696 25.110261-33.302261h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.302261s-10.50713 30.096696-25.110261 33.302261h-0.089043z" ></path></symbol><symbol id="iconmsg" viewBox="0 0 1024 1024"><path d="M884.023652 71.546435c59.347478 0 102.4 45.990957 102.4 109.345391v549.398261c0 61.217391-41.182609 102.4-102.4 102.4h-217.711304l-128.801391 127.24313a36.730435 36.730435 0 0 1-25.822609 10.685218 36.062609 36.062609 0 0 1-25.6-10.551652L354.838261 832.556522H135.479652c-61.44 0-102.66713-41.182609-102.66713-102.4V180.891826c0-63.354435 43.186087-109.345391 102.66713-109.345391z m0 72.748522H135.479652c-26.980174 0-29.918609 25.555478-29.918609 36.596869v549.220174c0 21.147826 8.681739 29.696 29.918609 29.696H368.64a35.929043 35.929043 0 0 1 26.624 10.462609l116.157217 112.461913 113.886609-112.239305a36.329739 36.329739 0 0 1 25.822609-10.685217h232.848695c21.103304 0 29.696-8.548174 29.696-29.651478V180.847304c0-11.041391-2.938435-36.59687-29.696-36.596869zM289.970087 383.777391c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.356174 6.233044a64.556522 64.556522 0 0 1-128.712348-6.233044l0.26713-6.233043a64.556522 64.556522 0 0 1 64.24487-58.323479z m229.910261 0c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.311653 6.233044a64.556522 64.556522 0 0 1-128.756869-6.233044l0.311652-6.233043a64.556522 64.556522 0 0 1 64.200348-58.323479z m228.396522-0.801391a64.556522 64.556522 0 1 1 0 129.024 64.556522 64.556522 0 0 1 0-129.024z" ></path></symbol><symbol id="iconclose" viewBox="0 0 1024 1024"><path d="M924.544 337.728a446.208 446.208 0 0 0-95.936-142.336A446.208 446.208 0 0 0 512 64.192a446.208 446.208 0 0 0-316.608 131.2A446.208 446.208 0 0 0 64.192 512a446.208 446.208 0 0 0 131.2 316.608A446.208 446.208 0 0 0 512 959.808a446.208 446.208 0 0 0 316.608-131.2A446.208 446.208 0 0 0 959.744 512c0-60.416-11.84-119.04-35.2-174.272zM512 896.256A384.64 384.64 0 0 1 127.744 512 384.64 384.64 0 0 1 512 127.744 384.64 384.64 0 0 1 896.256 512 384.64 384.64 0 0 1 512 896.256z m180.992-565.248c-12.48-12.544-31.488-13.76-42.368-2.88L512 466.752 373.376 328.128c-10.88-10.88-29.888-9.6-42.368 2.88-12.544 12.48-13.76 31.488-2.88 42.368L466.752 512l-138.624 138.624c-10.88 10.88-9.6 29.888 2.88 42.368 12.48 12.544 31.488 13.76 42.368 2.88L512 557.248l138.624 138.624c10.88 10.88 29.888 9.6 42.368-2.88 12.544-12.48 13.76-31.488 2.88-42.368L557.248 512l138.624-138.624c10.88-10.88 9.6-29.888-2.88-42.368z" ></path></symbol><symbol id="icongoods" viewBox="0 0 1024 1024"><path d="M482.8672 510.8736L138.6496 351.0784a27.9552 27.9552 0 0 0-10.9056-2.2016 25.0368 25.0368 0 0 0-25.344 24.6784v365.2608c0 18.0224 10.0864 34.5088 26.112 42.752l344.9344 187.392a25.344 25.344 0 0 0 25.3952 0 23.9104 23.9104 0 0 0 12.6976-21.0432v-392.448a49.3056 49.3056 0 0 0-28.672-44.544z m-73.5232 135.168l-204.8-100.352v-49.3056l204.8 98.56v51.0976z m535.552-358.7584a21.4016 21.4016 0 0 0-12.6976-27.904L557.568 106.496a52.5312 52.5312 0 0 0-40.5504 0L142.2848 259.3792a22.4768 22.4768 0 0 0-12.6976 12.3392 21.4016 21.4016 0 0 0 12.6976 27.904l374.6816 152.9344c13.056 5.0176 27.4944 5.0176 40.5504 0l374.6816-152.9344a22.4768 22.4768 0 0 0 12.6976-12.288z m24.6272 75.3664a26.112 26.112 0 0 0-33.6896-11.5712l-344.2176 160.1536a48.896 48.896 0 0 0-28.672 44.2368v392.0896c0 4.3008 1.1776 8.5504 3.2768 12.288a26.112 26.112 0 0 0 36.2496 9.0624l344.9856-186.9824a49.3056 49.3056 0 0 0 24.6272-43.1104V373.5552a21.76 21.76 0 0 0-2.56-10.9056z m-41.6256 244.992v72.448H896s-2.56 9.7792-3.9936 14.4896l-4.352 11.6224 22.4768 29.696-40.2432 55.0912-22.4768-29.3376-9.0624 5.7856a83.3536 83.3536 0 0 1-11.5712 5.4272v41.6768H769.536v-41.3184a67.7376 67.7376 0 0 1-11.6224-5.4272l-8.704-5.7856-22.4256 29.3376-40.96-52.1728 22.4768-29.696a108.6976 108.6976 0 0 1-4.352-11.6224 108.6976 108.6976 0 0 1-3.9936-14.4896h-31.8976v-72.448h31.8976c2.048-9.8304 5.12-19.456 9.0624-28.672l-22.528-29.3376 39.5264-51.8144 22.528 29.3376c6.656-4.9664 13.9264-8.96 21.7088-11.9296v-44.9536h56.8832v41.6768c7.8848 2.9696 15.3088 7.0144 22.1184 11.9808l22.4768-29.3888 39.4752 51.8144-22.4768 29.3888c3.9424 9.216 6.9632 18.7904 9.0624 28.6208h30.1056z m-130.4576 132.9664c-40.2432 0-72.4992-43.1104-72.4992-96.3584s32.256-96.4096 72.4992-96.4096c40.192 0 72.448 43.1104 72.448 96.4096 0 53.248-32.256 96.3584-72.448 96.3584z" ></path></symbol><symbol id="iconbj" viewBox="0 0 1024 1024"><path d="M862.0544 928.512H160.4608a39.8336 39.8336 0 0 1-40.448-39.1168V211.2c0-21.6064 18.1248-39.1168 40.448-39.1168h67.4816v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.896-35.0208 80.896-78.2336V172.032h40.4992v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.9984-35.0208 80.9984-78.2336V172.032h40.448v39.1168c0 43.2128 36.2496 78.2336 80.896 78.2336 44.7488 0 80.9984-35.0208 80.9984-78.2336V172.032h67.4816c22.3232 0 40.448 17.5104 40.448 39.1168V889.344a39.8336 39.8336 0 0 1-40.448 39.1168zM754.176 393.7792H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m0 169.5744H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m6.7072 169.5232H261.632a33.1264 33.1264 0 0 0-33.6896 32.6144c0 17.9712 15.104 32.6144 33.6896 32.6144h499.2a33.1776 33.1776 0 0 0 33.7408-32.6144 33.1264 33.1264 0 0 0-33.7408-32.6144z m-47.2064-482.56a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z m-202.3936 0a39.7824 39.7824 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3744 0 40.448 17.5616 40.448 39.168v78.2336a39.7824 39.7824 0 0 1-40.448 39.1168z m-202.3424 0a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.0736-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z" ></path></symbol></svg>',s=(s=document.getElementsByTagName("script"))[s.length-1].getAttribute("data-injectcss");if(s&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}function m(){o||(o=!0,e())}c=function(){var a,c,t,e;(e=document.createElement("div")).innerHTML=n,n=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",a=t,(c=document.body).firstChild?(e=a,(t=c.firstChild).parentNode.insertBefore(e,t)):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(c,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),c()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(e=c,l=a.document,o=!1,(i=function(){try{l.documentElement.doScroll("left")}catch(a){return void setTimeout(i,50)}m()})(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,m())})}(window);
\ No newline at end of file
src/assets/css/font/iconfont.json 0 → 100644
{
"id": "2537242",
"name": "云芯系统",
"font_family": "iconfont",
"css_prefix_text": "icon",
"description": "猎芯云芯系统前端",
"glyphs": [
{
"icon_id": "21484159",
"name": "drow",
"font_class": "drow",
"unicode": "e64d",
"unicode_decimal": 58957
},
{
"icon_id": "21484160",
"name": "sanjiao",
"font_class": "sanjiao",
"unicode": "e64e",
"unicode_decimal": 58958
},
{
"icon_id": "21484161",
"name": "sy",
"font_class": "sy",
"unicode": "e64f",
"unicode_decimal": 58959
},
{
"icon_id": "21484162",
"name": "store",
"font_class": "store",
"unicode": "e650",
"unicode_decimal": 58960
},
{
"icon_id": "21484163",
"name": "sq",
"font_class": "sq",
"unicode": "e651",
"unicode_decimal": 58961
},
{
"icon_id": "21484164",
"name": "user",
"font_class": "user",
"unicode": "e652",
"unicode_decimal": 58962
},
{
"icon_id": "21484165",
"name": "wd",
"font_class": "wd",
"unicode": "e653",
"unicode_decimal": 58963
},
{
"icon_id": "21484166",
"name": "msg",
"font_class": "msg",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "21484167",
"name": "close",
"font_class": "close",
"unicode": "e655",
"unicode_decimal": 58965
},
{
"icon_id": "21484168",
"name": "goods",
"font_class": "goods",
"unicode": "e656",
"unicode_decimal": 58966
},
{
"icon_id": "21484169",
"name": "bj",
"font_class": "bj",
"unicode": "e657",
"unicode_decimal": 58967
}
]
}
src/assets/css/font/iconfont.ttf 0 → 100644
No preview for this file type
src/assets/css/font/iconfont.woff 0 → 100644
No preview for this file type
src/assets/css/font/iconfont.woff2 0 → 100644
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment