From dd9406693294c095ade6dde8e207c25f30d84348 Mon Sep 17 00:00:00 2001 From: fofolee Date: Wed, 22 Jul 2020 20:42:12 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20iconfont?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/plugins/iconfont/demo.css | 539 ++++++++++++++++++++ src/assets/plugins/iconfont/demo_index.html | 354 +++++++++++++ src/assets/plugins/iconfont/iconfont.css | 49 ++ src/assets/plugins/iconfont/iconfont.eot | Bin 0 -> 3972 bytes src/assets/plugins/iconfont/iconfont.js | 1 + src/assets/plugins/iconfont/iconfont.json | 65 +++ src/assets/plugins/iconfont/iconfont.svg | 50 ++ src/assets/plugins/iconfont/iconfont.ttf | Bin 0 -> 3804 bytes src/assets/plugins/iconfont/iconfont.woff | Bin 0 -> 2560 bytes src/assets/plugins/iconfont/iconfont.woff2 | Bin 0 -> 2060 bytes src/index.html | 1 + 11 files changed, 1059 insertions(+) create mode 100644 src/assets/plugins/iconfont/demo.css create mode 100644 src/assets/plugins/iconfont/demo_index.html create mode 100644 src/assets/plugins/iconfont/iconfont.css create mode 100644 src/assets/plugins/iconfont/iconfont.eot create mode 100644 src/assets/plugins/iconfont/iconfont.js create mode 100644 src/assets/plugins/iconfont/iconfont.json create mode 100644 src/assets/plugins/iconfont/iconfont.svg create mode 100644 src/assets/plugins/iconfont/iconfont.ttf create mode 100644 src/assets/plugins/iconfont/iconfont.woff create mode 100644 src/assets/plugins/iconfont/iconfont.woff2 diff --git a/src/assets/plugins/iconfont/demo.css b/src/assets/plugins/iconfont/demo.css new file mode 100644 index 0000000..a67054a --- /dev/null +++ b/src/assets/plugins/iconfont/demo.css @@ -0,0 +1,539 @@ +/* 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; +} diff --git a/src/assets/plugins/iconfont/demo_index.html b/src/assets/plugins/iconfont/demo_index.html new file mode 100644 index 0000000..5f2e9e5 --- /dev/null +++ b/src/assets/plugins/iconfont/demo_index.html @@ -0,0 +1,354 @@ + + + + + IconFont Demo + + + + + + + + + + + +
+

+
+
    +
  • Unicode
    • +
  • Font class
    • +
  • Symbol
    • +
+ + 查看项目 + +
+
+
+
    + +
  • + +
    用户
    +
    
    +
    • + +
  • + +
    时间
    +
    
    +
    • + +
  • + +
    文件类型配置
    +
    
    +
    • + +
  • + +
    删除
    +
    
    +
    • + +
  • + +
    编辑
    +
    
    +
    • + +
  • + +
    导出
    +
    
    +
    • + +
  • + +
    查看
    +
    
    +
    • + +
  • + +
    标签
    +
    
    +
    • + +
+
+

Unicode 引用

+
+ +

Unicode 是字体在网页端最原始的应用方式，特点是：

+
    +
  • 兼容性最好，支持 IE6+，及所有现代浏览器。
    • +
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • +
  • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
    • +
+
+

注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

+
+

Unicode 使用步骤如下：

+

第一步：拷贝项目下面生成的 @font-face

+
@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+
+

第二步：定义使用 iconfont 的样式

+
.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

第三步：挑选相应图标并获取字体编码，应用于页面

+
+<span class="iconfont">&#x33;</span>
+
+
+

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    + 用户 +
    +
    .icon-yonghu +
    +
    • + +
  • + +
    + 时间 +
    +
    .icon-shijian +
    +
    • + +
  • + +
    + 文件类型配置 +
    +
    .icon-wenjianleixingpeizhi +
    +
    • + +
  • + +
    + 删除 +
    +
    .icon-shanchu1 +
    +
    • + +
  • + +
    + 编辑 +
    +
    .icon-bianji +
    +
    • + +
  • + +
    + 导出 +
    +
    .icon-daochu +
    +
    • + +
  • + +
    + 查看 +
    +
    .icon-chakan +
    +
    • + +
  • + +
    + 标签 +
    +
    .icon-biaoqian +
    +
    • + +
+
+

font-class 引用

+
+ +

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

+

与 Unicode 使用方式相比，具有如下特点：

+
    +
  • 兼容性良好，支持 IE8+，及所有现代浏览器。
    • +
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • +
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • +
  • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 fontclass 代码：

+
<link rel="stylesheet" href="./iconfont.css">
+
+

第二步：挑选相应图标并获取类名，应用于页面：

+
<span class="iconfont icon-xxx"></span>
+
+
+

" + iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    用户
    +
    #icon-yonghu
    +
    • + +
  • + +
    时间
    +
    #icon-shijian
    +
    • + +
  • + +
    文件类型配置
    +
    #icon-wenjianleixingpeizhi
    +
    • + +
  • + +
    删除
    +
    #icon-shanchu1
    +
    • + +
  • + +
    编辑
    +
    #icon-bianji
    +
    • + +
  • + +
    导出
    +
    #icon-daochu
    +
    • + +
  • + +
    查看
    +
    #icon-chakan
    +
    • + +
  • + +
    标签
    +
    #icon-biaoqian
    +
    • + +
+
+

Symbol 引用

+
+ +

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 + 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

+
    +
  • 支持多色图标了，不再受单色限制。
    • +
  • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
    • +
  • 兼容性较差，支持 IE9+，及现代浏览器。
    • +
  • 浏览器渲染 SVG 的性能一般，还不如 png。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 symbol 代码：

+
<script src="./iconfont.js"></script>
+
+

第二步：加入通用 CSS 代码（引入一次就行）：

+
<style>
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
+
+

第三步：挑选相应图标并获取类名，应用于页面：

+
<svg class="icon" aria-hidden="true">
+  <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+ +
+
+ + + diff --git a/src/assets/plugins/iconfont/iconfont.css b/src/assets/plugins/iconfont/iconfont.css new file mode 100644 index 0000000..45e0580 --- /dev/null +++ b/src/assets/plugins/iconfont/iconfont.css @@ -0,0 +1,49 @@ +@font-face {font-family: "iconfont"; + src: url('iconfont.eot?t=1595400349628'); /* IE9 */ + src: url('iconfont.eot?t=1595400349628#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), + url('iconfont.woff?t=1595400349628') format('woff'), + url('iconfont.ttf?t=1595400349628') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + url('iconfont.svg?t=1595400349628#iconfont') format('svg'); /* iOS 4.1- */ +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-yonghu:before { + content: "\e63d"; +} + +.icon-shijian:before { + content: "\e67b"; +} + +.icon-wenjianleixingpeizhi:before { + content: "\e67a"; +} + +.icon-shanchu1:before { + content: "\e78d"; +} + +.icon-bianji:before { + content: "\e7a1"; +} + +.icon-daochu:before { + content: "\e7ea"; +} + +.icon-chakan:before { + content: "\e654"; +} + +.icon-biaoqian:before { + content: "\e637"; +} + diff --git a/src/assets/plugins/iconfont/iconfont.eot b/src/assets/plugins/iconfont/iconfont.eot new file mode 100644 index 0000000000000000000000000000000000000000..a3e61293f0cbdf970ae47adf2d47023a618f85d4 GIT binary patch literal 3972 zcmd^CeQaCR6+h=b`#pcfj^h{G2~FbIiC+n=(>RXZrZml3NXtkypdr8pOP$1tQxYd6 zE;OZdUB}l72sCL(+XPCPH27x&jftVbMzpOJNZZgP)RL zx<*yf7!A=R6==jPi)irDO_ZZiIzZ!;rD-5R>IX7SGmw_D5o)6ZZ9>cC^a0CG-E@=` z+O%u$%{yKwz4$)B%|Lg2X>V)t>K|SAHu%Hf`-dj7Q?IS-?*e}TGZLfYvm@KDJn&^A zTP2aUkk4g@YreOu6|(1$(|G{eS>-tBSCO0Y6UBo~AfW%26!2WSt2j})>Kxvsv_eHh?h(ci?>|I^=md#X2Ckj%Vk+|(szN#Bp1Cjuxa)nlf=x;$(mTtCG^z#hC;fUe@Y4 zgtD!klWC&^D0np(>f&vTcDxqkWno(=omW+ESUAHGyS;So%&F1^yPX}UPO=01g~6s4 z7P;$tbAnr%_uL`4GUR6E$n9S_qOj`sRPtA!@9bsn?c5?uWmYYnUpP}b2NRJq3*4}r zfvuCLEL*2emM-wg@SfJ*VIhWlTla(;9=yd$w`}PZW+{Dw zC|^CP{7l(G26a#xTLn`{r8DVdP}i*4S~IWK)o6Shw0cbrnNLx5}-Y1dS57 zRcfC@#`qjE%D~F=;!YvNjVPZIC7%#m1-~?5Qv89Ko)=svc%u*-S=6zZXKpf)H-vb@ zM4B#xD4RuIESCgIMTq5J!u~U2gnuI<#NVDwqdk>|7lU=&$cT!@ zXuQMUsD07^&-wiRdcU7PIL93=^DP~G4uG#4j398`;8uR`_s#qKtHg7DUx|Ev(G6B= z2?8K#pA?*rKmm#oG_A~8wAcqGA|)a#`(!2d9sQ(^x#wS2{-)f7KY<`!L2*nQp{{C; z2~MTkovdXzoowKs&KWkG9QAQ1lTNjATsh?n1boYncy-;Y6jx3!ghWeCPwnoSmDGOz z=|E|>Xj1K)1~%F4yX``+4=@MnbuqhgI=CQO!r|SuJuClm^UG4O&L-tN_Uml&{966K za#rc07;T5Qlfh~~+>6l|ez>)L6?qgL;i1c>$a!6O>Mm*hY#Jf18 z9QEnklUg~J>S5G87|``V>FH2CbA3o02{!2aJf2^>e6A{o&GF#*H$*JT`~lk@^}2Ah z_2|CRa>unoT-zb;L(S0`)K

sk05XaoIRKkYIctyQ{(F~vvA}iIbY8g#!Q#BPw4rU{d z7Q7)N-X^&O<2=e>ws^Hnx=nIjjFTr6#6mT&5emj62VcR0DxCvcMob>jsd!Y?KBnw3 z8Oah;UJAe7c$LE*z2^3by9)zN@eR%^w)VAeKG>PKIdtd&Tur{;Czj%0m9XJMdcy)CkBLt^~EU4z$$Ybrd>milwf zs_>Fv*|p~N_}p&GCc6H3fPL}H4A5C&4bYS-4^YQ6TrP*>p8?r#ZQxTC&H(vM{GIZW z(t&ff89&sWh)FB})3Gwy1utGtGDa#1_Jz$UUw!ORXn2fdg*8ZXH8DnIgPb2c2k_kTsx<8 z*p7PBy zhx_C>=m<@jZTn$o2+|44n_5%Y02k@*f)%#0omFfc z2RqqC>g;4;G=D&w$&c+H%NF!|as^qB=f)0>6-K9WV~6r%j+uP6FqA*grVgTM|Cl.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}")}catch(c){console&&console.log(c)}}function v(){i||(i=!0,l())}e=function(){var c,t,e,a,l,o=document.createElement("div");o.innerHTML=h,h=null,(c=o.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",t=c,(e=document.body).firstChild?(a=t,(l=e.firstChild).parentNode.insertBefore(a,l)):e.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),e()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(l=e,o=c.document,i=!1,(n=function(){try{o.documentElement.doScroll("left")}catch(c){return void setTimeout(n,50)}v()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,v())})}(window); \ No newline at end of file diff --git a/src/assets/plugins/iconfont/iconfont.json b/src/assets/plugins/iconfont/iconfont.json new file mode 100644 index 0000000..b82baf5 --- /dev/null +++ b/src/assets/plugins/iconfont/iconfont.json @@ -0,0 +1,65 @@ +{ + "id": "1959560", + "name": "center", + "font_family": "iconfont", + "css_prefix_text": "icon-", + "description": "", + "glyphs": [ + { + "icon_id": "1119364", + "name": "用户", + "font_class": "yonghu", + "unicode": "e63d", + "unicode_decimal": 58941 + }, + { + "icon_id": "827678", + "name": "时间", + "font_class": "shijian", + "unicode": "e67b", + "unicode_decimal": 59003 + }, + { + "icon_id": "6798104", + "name": "文件类型配置", + "font_class": "wenjianleixingpeizhi", + "unicode": "e67a", + "unicode_decimal": 59002 + }, + { + "icon_id": "3092318", + "name": "删除", + "font_class": "shanchu1", + "unicode": "e78d", + "unicode_decimal": 59277 + }, + { + "icon_id": "4425842", + "name": "编辑", + "font_class": "bianji", + "unicode": "e7a1", + "unicode_decimal": 59297 + }, + { + "icon_id": "4646388", + "name": "导出", + "font_class": "daochu", + "unicode": "e7ea", + "unicode_decimal": 59370 + }, + { + "icon_id": "14435356", + "name": "查看", + "font_class": "chakan", + "unicode": "e654", + "unicode_decimal": 58964 + }, + { + "icon_id": "4251702", + "name": "标签", + "font_class": "biaoqian", + "unicode": "e637", + "unicode_decimal": 58935 + } + ] +} diff --git a/src/assets/plugins/iconfont/iconfont.svg b/src/assets/plugins/iconfont/iconfont.svg new file mode 100644 index 0000000..9a5536d --- /dev/null +++ b/src/assets/plugins/iconfont/iconfont.svg @@ -0,0 +1,50 @@ + + + + + +Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/plugins/iconfont/iconfont.ttf b/src/assets/plugins/iconfont/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..bba146bbddd5a034c1a0f46b1b808e731e38683a GIT binary patch literal 3804 zcmd^Ce{5UT6+Y)a`#t}P9mg-W6Pm=a6TcE#r*Ry+O=+67G%X|5fQA4YEOinmPDz}Q zxX_eRx^4vqR7{hGv`wItNrQg|XiN+ZHll5}-+j*k zMk|f~cm3|Y-}&x2=iYnnkM~SWL~c4p3T@iG@0J}elwSORh&O}X@uhvO$!njx{vF6i zAomYVWT#$R*WU&C5|I$2;8&5G z@)N~FO#rZeTgu~;Ls{*tbC^h3hOAFy4^8n^^h30VAx8??iCkA->3$6GFX(S#YI3HS zn=AgD$a@>wj}ykO99um`ci13e6fiWwCxz2wz@B>Q&F2Pu*Zzy#mhK`Ri|T0u@pV1DebBQUTP-|3HkvhUr5>YAwlWwd zwQLR9M*JBf;=!_>W)S$f}^zjBPe1~u6ilI-e# zWvJMZrT-05X#;A^7`%=4L$1UR`iq&xZHs-2_br`VI<@rvD&kRQ4u8Tx z`;)|`rL?Xxe=^EU8hi*7p;4KHi;975Sv&&jmW0T!|v40Z7~Mmrvh^0KfklrE|& zH!Pgvh}~YgaPCa$lHJaZGpE@B`O;uh3ya(hy*a@x&3o?@Tp4n+a`cX`993BLdn);> z&v*7R_jYcPr829QE-suaU4VcLI!nE8b<|FNToCBWKh?v*;+HN z*41cy8@DIxMKyST)QGooCKL<>bv4!|=+%GQcWl>mueNzB+s{Ay%)2(*TXPkQ;I&zyRv;v4RY3inTT9-X`Wm5*%v zfPY>7h_ioBxN1|B+q)(J=PdS zy_F@KDNAUtR$|d@oVtc#qg&-xP6DF@Z3b# zn20|V)ANGs1aA~#Ba1o~^UO^q^M(*_m`u|Z7-h4_i{+9)sR*(BOZb0UtUMu-CJ?39 zgh$9{omraTw#%s(E~n&Pz?oT{SLT&&^58~HQ#b8Jgrh2=8%(AV(Rg#L1KT5p^{>%X~`*UjX6j zh9C%1H>8!{`F-;~|0?mE-&Z1^Uvxv1R)RoC?30S~5g5QQf~J)@3yb{_B2pu=vR_tW z|FKWom}mZF<*&-k_!0=xRTRgxvDH8agQvywW%KOHFT5lyOn)4(RXeUDw}^#SHUy)I@~&IT7m zOE|ozwrAy^Zhl!R*4d<<$9}y{-e0RfP|hn|6r=5kb~0G)M|d$B!;i2w)-&QL&zluz zEJ8XE)P1aK36b8;UJmJM+=!=}jd&M_lw&@fdr~XMQ$38D2LrkuC_NRbXRZ&4qrnD! zzsK`ym(Nw@usI&Q_=bo@nLlLPV_p}owjSMATJG2-#I6o;KWdJ~V7Bsg%bacS9d||C zzj86Vb=~n$#kqI&KtNwz_MY?_F0Z`1&HeKQiqgGw2=D3R^e8<>-$9I98M8@uq!Knv z#w+RtoMu3Uu(MLls+Q5zHdRw`dT>{|-IXqnrg{8<3KqiY3fCC> z`r@H#m!%~HYnspP^LTu&3f19pI-QQUHgZk8wl-e#aDr=$8a({O##+hLdTL%b?o8G< zbQT7B*4rZ6HYCOm-aU9jxTeD6Y^lHCtO_p)mR)OJkI(J4e4^`*2iO_M~voXV`M;YU%$TH;6J>b+^JM>m0mh>bH{?>dRAk>xj@EFF+6Ebv89SH=qXrZTnx<2%>X zx8sgTm9Ywbdl|dv8rogPZp3LCZ&9{6Vbek<%2<90K3~Ryy!2WbE8u@q#x~$Tm9ZVS z(FbL$QY9;8?4o`Sl(C!QJm%Utoy!(;!;!(+$k@dYKhG>!sG-8%T=zW&C8TzAmd5^<(`m)x~YWG8X znr5IUy+*Jh6SV0vtKHBln3|s*&kWsz-jWz)5o3xVPs7s$P)~V;IgDf+I6_lq+X46) zf_8%PrqvXVKr4Q0Gg{M6m@}P_8wGc`ndE<_D|__Ivy+9<{6TFd zKXza&ThQ;#6=Xf08#^>s7@f+E9nOzAX7bs>Q2t<>I*6tNW9o2r5~4bk&)$_SI6zL` JjRx7}e*l{?ZWRCk literal 0 HcmV?d00001 diff --git a/src/assets/plugins/iconfont/iconfont.woff b/src/assets/plugins/iconfont/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..0c8f69ab98765c6d397a0765d84ee1efa2f8a351 GIT binary patch literal 2560 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 literal 0 HcmV?d00001 diff --git a/src/assets/plugins/iconfont/iconfont.woff2 b/src/assets/plugins/iconfont/iconfont.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..d5929882db6d0dd865a9875a8c4df995797f783f GIT binary patch literal 2060 zcmV+n2=n)MPew8T0RR9100;~K3jhEB01n&$00+DP0RR9100000000000000000000 z0000SLIzd3Z3lq@8@UW45w?SpqLcl_L564PaZhdH z)0h(d%ulxDNMAqa!{esCp9Bg?kWy?0RF&$?m90@`tB(*oh z61N5+ks(oXM#DB6#Aa7S{mC8&0)T}HIUwyjcC$kU1|$*mn>=CM2*?sSU@F`MGEG`= zEd#O<63D1Z>N$W7-tUudP()+^1qls0x7XMXqtQBAR{u3E#zY1?d2kI^1VFh7paJ9n zU;whYuw*UhK+N%Ewx}zE;Q-Y9B{UE%i?)c`qt5zu_516;j>R%57EXmsI#IA{WNhqT zUL0spU?71MAX1Rb!#-V-9VuhckbiOGHJ{c!+E*MCzMaq#WiFBEcY z-Ja_A6H;~H!*J5Ui0wfrabIwRc#td7*YEL)+SfsQ9kM2wZG^bh?L#5w36Y3F-bK5! zsszE{2xSJu>nw39-2m%`ROD2iI?o_+uK6O%yNSfbag4|*`Xvrfc+kIYLR@UqT!@Z8 z$9c#i25YrfXI6OIIQKD7V!%^PXjj!Jmh5?3%ASAS7UT;*|F2mFBo)) zm#;PqM@9+0y_a+gvV>caHm2GVaUpp*_*m{mC3B!O)l^4h*eyp|NM)&I-t$oAI4~F z62{JJx*k25BQ>>0=_7P)t@vg8UVgZjU%@@se#D(O4%pjv@!~dn2hdml`s*sa)Tnma z#yOm8oQ`p}OQay)2$cL%-kYMvPojtqBFNvhq^O?)4^ULIiRBk37sg2^`Ha@LDT=2^ z6H~6x7+JYQ%b}VGS+_}MEBd9>us%uo#F~=nQzQ4rRI1i0n1thhyj5qBx8HbsV|%%! zE=L@mG(#RPy7J6fs@qnT1$+0p6yG(x^{u5npwWCdrAjs>)y;WbWU?yD+Ahe7ytUc5AP=%q`^jiv2kJ}%atZ*S|=4&|hy%Bo_R4($t<6x!L$;^2FZ zv=kO4j2vDgT`a8`zNFW821aEamU_i<_1@j>bsHPbvd&w%s*ZmgCbilm4UPYQ{D)R} z*4FqY)S%gLe*U9J(yYNVx|^FOPH8uEP>0FsbLc7Nq0O5O$(|&e-Eex-5q-O)&!5Nd ze9xYlTleuAW4y6VG+s@wO~fkSl$}HSvVGX81G*jd|6`$!6QaTR0nxy3Y+vrpZ{G70 zC)}bePoa*-D(@2av_5$)!^U^>`I@~kUPH!Ds6Q6v`fz=}@ZB4@;8tZNR?mC+T`pCb zwp|!nxmuG)Ri;;_Sv|a(+=T6E_&_u({D6O#*tV_a9e+A8dFAr{V}!a-Mvoi4VntC= zALFW3Mb@HEK1;SHuS$MSlQ2I+oyi3oci-P}tZnw#(YCQ2M~@wPyvRD&I?p=Jilrg| z#FjFk7XYybSLq5C^mrs)Zrq008bO!y72T)pU~1`>MdmhbFE7$151`|)Y0vYM!&J?G zlX3q^J3eelc6;3LHIRWSD<#0=hH1En`EZmgXI`_n=nf%r?0~F^0>JW3z+?Qdl4hqz#veL0Q}TrVxW*we6S1Y$20nlTOI7;jnTiY`ozw8;hSdQ_tm*#de? zPDa>mKVC9F|3N=Bs;`*#o%|pBf%Xm*q~s0EZ`O+W$bmJsmlk*lMcD8b z0b=n{6`C<6bZCk +