From d7572ec85653cb3b5d13b2b29828ff3b5a5753e0 Mon Sep 17 00:00:00 2001 From: zouzhibing Date: Thu, 15 Sep 2022 13:18:29 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E9=98=BF=E9=87=8C?= =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=BA=93=EF=BC=8C=E7=A7=BB=E9=99=A4=E9=83=A8?= =?UTF-8?q?=E5=88=86=E6=96=87=E4=BB=B6=EF=BC=8C=E4=BC=98=E5=8C=96=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/iconfont/demo.css | 539 ++++++++++++++ src/assets/iconfont/demo_index.html | 763 ++++++++++++++++++++ src/assets/iconfont/iconfont.css | 115 +++ src/assets/iconfont/iconfont.js | 1 + src/assets/iconfont/iconfont.json | 184 +++++ src/assets/iconfont/iconfont.ttf | Bin 0 -> 9676 bytes src/assets/iconfont/iconfont.woff | Bin 0 -> 5344 bytes src/assets/iconfont/iconfont.woff2 | Bin 0 -> 4588 bytes src/components/u-container-layout/index.vue | 1 + src/components/u-info/index.vue | 6 + src/main.ts | 3 + src/router/modules/other.ts | 6 + src/views/error/401.vue | 9 +- src/views/error/404.vue | 18 +- src/views/other/iconfont/index.scss | 12 + 15 files changed, 1633 insertions(+), 24 deletions(-) create mode 100644 src/assets/iconfont/demo.css create mode 100644 src/assets/iconfont/demo_index.html create mode 100644 src/assets/iconfont/iconfont.css create mode 100644 src/assets/iconfont/iconfont.js create mode 100644 src/assets/iconfont/iconfont.json create mode 100644 src/assets/iconfont/iconfont.ttf create mode 100644 src/assets/iconfont/iconfont.woff create mode 100644 src/assets/iconfont/iconfont.woff2 create mode 100644 src/views/other/iconfont/index.scss diff --git a/src/assets/iconfont/demo.css b/src/assets/iconfont/demo.css new file mode 100644 index 0000000..a67054a --- /dev/null +++ b/src/assets/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/iconfont/demo_index.html b/src/assets/iconfont/demo_index.html new file mode 100644 index 0000000..5486ef8 --- /dev/null +++ b/src/assets/iconfont/demo_index.html @@ -0,0 +1,763 @@ + + + + + iconfont Demo + + + + + + + + + + + + + +
+

+ + +

+
+
    +
  • Unicode
    • +
  • Font class
    • +
  • Symbol
    • +
+ + 查看项目 + +
+
+
+
    + +
  • + +
    阴
    +
    
    +
    • + +
  • + +
    大暴雨
    +
    
    +
    • + +
  • + +
    刷新
    +
    
    +
    • + +
  • + +
    刷新
    +
    
    +
    • + +
  • + +
    多云-2-copy
    +
    
    +
    • + +
  • + +
    多云-1
    +
    
    +
    • + +
  • + +
    大雪
    +
    
    +
    • + +
  • + +
    大雨
    +
    
    +
    • + +
  • + +
    风
    +
    
    +
    • + +
  • + +
    多云-3
    +
    
    +
    • + +
  • + +
    多云-2
    +
    
    +
    • + +
  • + +
    雷雨交加
    +
    
    +
    • + +
  • + +
    多云
    +
    
    +
    • + +
  • + +
    中雨
    +
    
    +
    • + +
  • + +
    雾
    +
    
    +
    • + +
  • + +
    小雨
    +
    
    +
    • + +
  • + +
    小雪
    +
    
    +
    • + +
  • + +
    闪电
    +
    
    +
    • + +
  • + +
    雪
    +
    
    +
    • + +
  • + +
    中雪
    +
    
    +
    • + +
  • + +
    扬尘
    +
    
    +
    • + +
  • + +
    月亮
    +
    
    +
    • + +
  • + +
    雨夹雪
    +
    
    +
    • + +
  • + +
    晴
    +
    
    +
    • + +
  • + +
    霾
    +
    
    +
    • + +
+
+

Unicode 引用

+
+ +

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

+
    +
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • +
  • 默认情况下不支持多色，直接添加多色图标会自动去色。
    • +
+
+

注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

+
+

Unicode 使用步骤如下：

+

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

+
@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.woff2?t=1663216428515') format('woff2'),
+       url('iconfont.woff?t=1663216428515') format('woff'),
+       url('iconfont.ttf?t=1663216428515') format('truetype');
+}
+
+

第二步：定义使用 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-yin +
    +
    • + +
  • + +
    + 大暴雨 +
    +
    .icon-dabaoyu +
    +
    • + +
  • + +
    + 刷新 +
    +
    .icon-shuaxin1 +
    +
    • + +
  • + +
    + 刷新 +
    +
    .icon-shuaxin +
    +
    • + +
  • + +
    + 多云-2-copy +
    +
    .icon-duoyun-2-copy +
    +
    • + +
  • + +
    + 多云-1 +
    +
    .icon-duoyun-1 +
    +
    • + +
  • + +
    + 大雪 +
    +
    .icon-daxue +
    +
    • + +
  • + +
    + 大雨 +
    +
    .icon-dayu +
    +
    • + +
  • + +
    + 风 +
    +
    .icon-feng +
    +
    • + +
  • + +
    + 多云-3 +
    +
    .icon-duoyun-3 +
    +
    • + +
  • + +
    + 多云-2 +
    +
    .icon-duoyun-2 +
    +
    • + +
  • + +
    + 雷雨交加 +
    +
    .icon-leiyujiaojia +
    +
    • + +
  • + +
    + 多云 +
    +
    .icon-duoyun +
    +
    • + +
  • + +
    + 中雨 +
    +
    .icon-zhongyu +
    +
    • + +
  • + +
    + 雾 +
    +
    .icon-wu +
    +
    • + +
  • + +
    + 小雨 +
    +
    .icon-xiaoyu +
    +
    • + +
  • + +
    + 小雪 +
    +
    .icon-xiaoxue +
    +
    • + +
  • + +
    + 闪电 +
    +
    .icon-shandian +
    +
    • + +
  • + +
    + 雪 +
    +
    .icon-xue +
    +
    • + +
  • + +
    + 中雪 +
    +
    .icon-zhongxue +
    +
    • + +
  • + +
    + 扬尘 +
    +
    .icon-yangchen +
    +
    • + +
  • + +
    + 月亮 +
    +
    .icon-yueliang +
    +
    • + +
  • + +
    + 雨夹雪 +
    +
    .icon-yujiaxue +
    +
    • + +
  • + +
    + 晴 +
    +
    .icon-qing +
    +
    • + +
  • + +
    + 霾 +
    +
    .icon-mai +
    +
    • + +
+
+

font-class 引用

+
+ +

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

+

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

+
    +
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • +
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • +
+

使用步骤如下：

+

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

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

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

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

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

+
+
+
+
+
    + +
  • + +
    阴
    +
    #icon-yin
    +
    • + +
  • + +
    大暴雨
    +
    #icon-dabaoyu
    +
    • + +
  • + +
    刷新
    +
    #icon-shuaxin1
    +
    • + +
  • + +
    刷新
    +
    #icon-shuaxin
    +
    • + +
  • + +
    多云-2-copy
    +
    #icon-duoyun-2-copy
    +
    • + +
  • + +
    多云-1
    +
    #icon-duoyun-1
    +
    • + +
  • + +
    大雪
    +
    #icon-daxue
    +
    • + +
  • + +
    大雨
    +
    #icon-dayu
    +
    • + +
  • + +
    风
    +
    #icon-feng
    +
    • + +
  • + +
    多云-3
    +
    #icon-duoyun-3
    +
    • + +
  • + +
    多云-2
    +
    #icon-duoyun-2
    +
    • + +
  • + +
    雷雨交加
    +
    #icon-leiyujiaojia
    +
    • + +
  • + +
    多云
    +
    #icon-duoyun
    +
    • + +
  • + +
    中雨
    +
    #icon-zhongyu
    +
    • + +
  • + +
    雾
    +
    #icon-wu
    +
    • + +
  • + +
    小雨
    +
    #icon-xiaoyu
    +
    • + +
  • + +
    小雪
    +
    #icon-xiaoxue
    +
    • + +
  • + +
    闪电
    +
    #icon-shandian
    +
    • + +
  • + +
    雪
    +
    #icon-xue
    +
    • + +
  • + +
    中雪
    +
    #icon-zhongxue
    +
    • + +
  • + +
    扬尘
    +
    #icon-yangchen
    +
    • + +
  • + +
    月亮
    +
    #icon-yueliang
    +
    • + +
  • + +
    雨夹雪
    +
    #icon-yujiaxue
    +
    • + +
  • + +
    晴
    +
    #icon-qing
    +
    • + +
  • + +
    霾
    +
    #icon-mai
    +
    • + +
+
+

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/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css new file mode 100644 index 0000000..57ee5f0 --- /dev/null +++ b/src/assets/iconfont/iconfont.css @@ -0,0 +1,115 @@ +@font-face { + font-family: "iconfont"; /* Project id 3641732 */ + src: url('./iconfont.woff2?t=1663216428515') format('woff2'), + url('./iconfont.woff?t=1663216428515') format('woff'), + url('./iconfont.ttf?t=1663216428515') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-yin:before { + content: "\e6a0"; +} + +.icon-dabaoyu:before { + content: "\e6a7"; +} + +.icon-shuaxin1:before { + content: "\e627"; +} + +.icon-shuaxin:before { + content: "\e629"; +} + +.icon-duoyun-2-copy:before { + content: "\e68d"; +} + +.icon-duoyun-1:before { + content: "\e679"; +} + +.icon-daxue:before { + content: "\e67a"; +} + +.icon-dayu:before { + content: "\e67b"; +} + +.icon-feng:before { + content: "\e67c"; +} + +.icon-duoyun-3:before { + content: "\e67d"; +} + +.icon-duoyun-2:before { + content: "\e67e"; +} + +.icon-leiyujiaojia:before { + content: "\e67f"; +} + +.icon-duoyun:before { + content: "\e680"; +} + +.icon-zhongyu:before { + content: "\e681"; +} + +.icon-wu:before { + content: "\e682"; +} + +.icon-xiaoyu:before { + content: "\e683"; +} + +.icon-xiaoxue:before { + content: "\e684"; +} + +.icon-shandian:before { + content: "\e685"; +} + +.icon-xue:before { + content: "\e686"; +} + +.icon-zhongxue:before { + content: "\e687"; +} + +.icon-yangchen:before { + content: "\e688"; +} + +.icon-yueliang:before { + content: "\e689"; +} + +.icon-yujiaxue:before { + content: "\e68a"; +} + +.icon-qing:before { + content: "\e68b"; +} + +.icon-mai:before { + content: "\e68c"; +} + diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js new file mode 100644 index 0000000..f94a118 --- /dev/null +++ b/src/assets/iconfont/iconfont.js @@ -0,0 +1 @@ +window._iconfont_svg_string_3641732='',function(l){var c=(c=document.getElementsByTagName("script"))[c.length-1],s=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var a,t,i,h,o,e=function(c,s){s.parentNode.insertBefore(c,s)};if(s&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}a=function(){var c,s=document.createElement("div");s.innerHTML=l._iconfont_svg_string_3641732,(s=s.getElementsByTagName("svg")[0])&&(s.setAttribute("aria-hidden","true"),s.style.position="absolute",s.style.width=0,s.style.height=0,s.style.overflow="hidden",s=s,(c=document.body).firstChild?e(s,c.firstChild):c.appendChild(s))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),a()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(i=a,h=l.document,o=!1,p(),h.onreadystatechange=function(){"complete"==h.readyState&&(h.onreadystatechange=null,d())})}function d(){o||(o=!0,i())}function p(){try{h.documentElement.doScroll("left")}catch(c){return void setTimeout(p,50)}d()}}(window); \ No newline at end of file diff --git a/src/assets/iconfont/iconfont.json b/src/assets/iconfont/iconfont.json new file mode 100644 index 0000000..55b9a00 --- /dev/null +++ b/src/assets/iconfont/iconfont.json @@ -0,0 +1,184 @@ +{ + "id": "3641732", + "name": "weather", + "font_family": "iconfont", + "css_prefix_text": "icon-", + "description": "", + "glyphs": [ + { + "icon_id": "28557556", + "name": "阴", + "font_class": "yin", + "unicode": "e6a0", + "unicode_decimal": 59040 + }, + { + "icon_id": "28557770", + "name": "大暴雨", + "font_class": "dabaoyu", + "unicode": "e6a7", + "unicode_decimal": 59047 + }, + { + "icon_id": "7724796", + "name": "刷新", + "font_class": "shuaxin1", + "unicode": "e627", + "unicode_decimal": 58919 + }, + { + "icon_id": "6999224", + "name": "刷新", + "font_class": "shuaxin", + "unicode": "e629", + "unicode_decimal": 58921 + }, + { + "icon_id": "31772217", + "name": "多云-2-copy", + "font_class": "duoyun-2-copy", + "unicode": "e68d", + "unicode_decimal": 59021 + }, + { + "icon_id": "29265274", + "name": "多云-1", + "font_class": "duoyun-1", + "unicode": "e679", + "unicode_decimal": 59001 + }, + { + "icon_id": "29265275", + "name": "大雪", + "font_class": "daxue", + "unicode": "e67a", + "unicode_decimal": 59002 + }, + { + "icon_id": "29265276", + "name": "大雨", + "font_class": "dayu", + "unicode": "e67b", + "unicode_decimal": 59003 + }, + { + "icon_id": "29265277", + "name": "风", + "font_class": "feng", + "unicode": "e67c", + "unicode_decimal": 59004 + }, + { + "icon_id": "29265278", + "name": "多云-3", + "font_class": "duoyun-3", + "unicode": "e67d", + "unicode_decimal": 59005 + }, + { + "icon_id": "29265279", + "name": "多云-2", + "font_class": "duoyun-2", + "unicode": "e67e", + "unicode_decimal": 59006 + }, + { + "icon_id": "29265280", + "name": "雷雨交加", + "font_class": "leiyujiaojia", + "unicode": "e67f", + "unicode_decimal": 59007 + }, + { + "icon_id": "29265281", + "name": "多云", + "font_class": "duoyun", + "unicode": "e680", + "unicode_decimal": 59008 + }, + { + "icon_id": "29265282", + "name": "中雨", + "font_class": "zhongyu", + "unicode": "e681", + "unicode_decimal": 59009 + }, + { + "icon_id": "29265283", + "name": "雾", + "font_class": "wu", + "unicode": "e682", + "unicode_decimal": 59010 + }, + { + "icon_id": "29265284", + "name": "小雨", + "font_class": "xiaoyu", + "unicode": "e683", + "unicode_decimal": 59011 + }, + { + "icon_id": "29265285", + "name": "小雪", + "font_class": "xiaoxue", + "unicode": "e684", + "unicode_decimal": 59012 + }, + { + "icon_id": "29265286", + "name": "闪电", + "font_class": "shandian", + "unicode": "e685", + "unicode_decimal": 59013 + }, + { + "icon_id": "29265287", + "name": "雪", + "font_class": "xue", + "unicode": "e686", + "unicode_decimal": 59014 + }, + { + "icon_id": "29265288", + "name": "中雪", + "font_class": "zhongxue", + "unicode": "e687", + "unicode_decimal": 59015 + }, + { + "icon_id": "29265289", + "name": "扬尘", + "font_class": "yangchen", + "unicode": "e688", + "unicode_decimal": 59016 + }, + { + "icon_id": "29265290", + "name": "月亮", + "font_class": "yueliang", + "unicode": "e689", + "unicode_decimal": 59017 + }, + { + "icon_id": "29265291", + "name": "雨夹雪", + "font_class": "yujiaxue", + "unicode": "e68a", + "unicode_decimal": 59018 + }, + { + "icon_id": "29265292", + "name": "晴", + "font_class": "qing", + "unicode": "e68b", + "unicode_decimal": 59019 + }, + { + "icon_id": "29265293", + "name": "霾", + "font_class": "mai", + "unicode": "e68c", + "unicode_decimal": 59020 + } + ] +} diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..6c6aaf8e755df06d764954a9be602550c8c732ad GIT binary patch literal 9676 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 literal 0 HcmV?d00001 diff --git a/src/assets/iconfont/iconfont.woff b/src/assets/iconfont/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..e0ca58dbb5d25a1d72cc581ae739867569933a91 GIT binary patch literal 5344 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 d*$=JTzV6XuzXrQHR literal 0 HcmV?d00001 diff --git a/src/assets/iconfont/iconfont.woff2 b/src/assets/iconfont/iconfont.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..4ed68d849d719a23fafd375174b504833f49ca49 GIT binary patch literal 4588 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 github开源地址：点我 +
github开源地址：点我
+
github开源地址：点我
@@ -58,6 +60,10 @@ font-size: 13px; } } + ::v-deep(.el-divider--horizontal){ + margin-bottom: 10px; + margin-top: 10px; + } .transverseMenu { .bell { color: white; diff --git a/src/main.ts b/src/main.ts index 5c17356..e04dfd4 100644 --- a/src/main.ts +++ b/src/main.ts @@ -16,6 +16,9 @@ import 'element-plus/dist/index.css' import 'element-plus/theme-chalk/dark/css-vars.css' // 自定义暗黑模式 import "@/styles/element-dark.scss"; +// 引入阿里图标库 +import "@/assets/iconfont/iconfont.css"; +import "@/assets/iconfont/iconfont.js"; // 引入全局组件布局 import UContainerLayout from '@/components/u-container-layout/index.vue' diff --git a/src/router/modules/other.ts b/src/router/modules/other.ts index 5074b4f..d3028e0 100644 --- a/src/router/modules/other.ts +++ b/src/router/modules/other.ts @@ -60,6 +60,12 @@ const othersRouter = { name: 'svgIcon', meta: { title: 'svg图标', icon: 'MenuIcon' } }, + { + path: 'iconfont', + component: () => import('@/views/other/iconfont/index.vue'), + name: 'iconfont', + meta: { title: '阿里图标库', icon: 'MenuIcon' } + }, { path: 'water-marker', component: () => import('@/views/other/water-marker.vue'), diff --git a/src/views/error/401.vue b/src/views/error/401.vue index 295f68e..3d28eef 100644 --- a/src/views/error/401.vue +++ b/src/views/error/401.vue @@ -31,21 +31,14 @@ height: 100%; display: flex; align-items: center; - min-height: calc(100vh - 205px); justify-content: center; } .error-page { - /*position: absolute;*/ - /*top: 0;*/ padding-top: 20px; - /*left: 0;*/ - /*right: 0;*/ - /*background: white;*/ - /*bottom: 0;*/ display: flex; align-items: center; .img { - width: 500px; + width: 300px; } .oops { font-size: 32px; diff --git a/src/views/error/404.vue b/src/views/error/404.vue index 2cbd008..d91f208 100644 --- a/src/views/error/404.vue +++ b/src/views/error/404.vue @@ -1,5 +1,5 @@