Skip to content

肖康 / cloudSystem

Go to a project
Commit 50f7105c by liangjianmin
Options

css

parent 908a7424
Expand all
Inline Side-by-side
Showing with 43 additions and 9 deletions
src/assets/css/font/demo_index.html
......@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe73a;</span>
<div class="name">文档管理</div>
<div class="code-name">&amp;#xe73a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe659;</span>
<div class="name">upload</div>
<div class="code-name">&amp;#xe659;</div>
......@@ -192,9 +198,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1621239665352') format('woff2'),
url('iconfont.woff?t=1621239665352') format('woff'),
url('iconfont.ttf?t=1621239665352') format('truetype');
src: url('iconfont.woff2?t=1623223469753') format('woff2'),
url('iconfont.woff?t=1623223469753') format('woff'),
url('iconfont.ttf?t=1623223469753') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......@@ -221,6 +227,15 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont iconwendangguanli"></span>
<div class="name">
文档管理
</div>
<div class="code-name">.iconwendangguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont iconupload"></span>
<div class="name">
upload
......@@ -429,6 +444,14 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwendangguanli"></use>
</svg>
<div class="name">文档管理</div>
<div class="code-name">#iconwendangguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconupload"></use>
</svg>
<div class="name">upload</div>
......
src/assets/css/font/iconfont.css
@font-face {
font-family: "iconfont"; /* Project id 2537242 */
src: url('iconfont.woff2?t=1621239665352') format('woff2'),
url('iconfont.woff?t=1621239665352') format('woff'),
url('iconfont.ttf?t=1621239665352') format('truetype');
src: url('iconfont.woff2?t=1623223469753') format('woff2'),
url('iconfont.woff?t=1623223469753') format('woff'),
url('iconfont.ttf?t=1623223469753') format('truetype');
}
.iconfont {
......@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}
.iconwendangguanli:before {
content: "\e73a";
}
.iconupload:before {
content: "\e659";
}
......
src/assets/css/font/iconfont.json
......@@ -6,6 +6,13 @@
"description": "猎芯云芯系统前端",
"glyphs": [
{
"icon_id": "22154515",
"name": "文档管理",
"font_class": "wendangguanli",
"unicode": "e73a",
"unicode_decimal": 59194
},
{
"icon_id": "21649397",
"name": "upload",
"font_class": "upload",
......
src/components/menu.vue
......@@ -23,7 +23,7 @@
<span class="el-icon-refresh icon" style="position:relative;top:3px;"></span>
</a>
<div class="line"></div>
<a href="/云芯操作手册.pdf" class="fl" target="_blank" title="操作手册"><span class="icon iconfont fl"></span></a>
<a href="/云芯操作手册.pdf" class="fl" target="_blank" title="操作手册"><span class="icon iconfont iconwendangguanli fl"></span></a>
<div class="line"></div>
<div class="login-v fl">
<img class="fl" :src="userinfo.avatar||'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'"
......
view/fonts/iconfont.1cf91784.woff 0 → 100644
No preview for this file type
view/fonts/iconfont.3d6aefb2.woff deleted 100644 → 0
No preview for this file type
view/index.html
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="//yunxin.ichunt.com/favicon.ico"><title>cloudsystem</title><link href="//yunxin.ichunt.com/css/chunk-09cb4ae8.b71ebd2f.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-1b5b7edc.d938ddcf.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-1f1d09b0.fb33d5e6.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-1f98229c.b7dbb9bc.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-25ac136c.903fb18e.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-284b2208.f146077b.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-288fe952.62f4a50e.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-296911be.bb7545e5.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-2e1aef6e.8886942d.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-2ed520c1.588e48a9.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-36bc79d4.e6d75a1f.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-464fcfec.128f9899.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-61379a30.3d6445eb.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-6257fb96.195447e9.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-6766dae0.eff85fa1.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-767781bc.cea3a61d.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-8c7f0cae.b6cda0c4.css" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-09cb4ae8.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-0a21860e.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-1b5b7edc.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-1f1d09b0.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-1f98229c.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-25ac136c.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-284b2208.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-288fe952.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-296911be.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-2e1aef6e.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-2ed520c1.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-36bc79d4.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-464fcfec.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-61379a30.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-6257fb96.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-6766dae0.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-767781bc.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-8c7f0cae.1623220686078.js" rel="prefetch"><link href="//yunxin.ichunt.com/css/app.1ef93a8e.css" rel="preload" as="style"><link href="//yunxin.ichunt.com/css/chunk-vendors.8ffb1193.css" rel="preload" as="style"><link href="//yunxin.ichunt.com/static/js/app.1623220686078.js" rel="preload" as="script"><link href="//yunxin.ichunt.com/static/js/chunk-vendors.1623220686078.js" rel="preload" as="script"><link href="//yunxin.ichunt.com/css/chunk-vendors.8ffb1193.css" rel="stylesheet"><link href="//yunxin.ichunt.com/css/app.1ef93a8e.css" rel="stylesheet"></head><body><noscript><strong>网络异常,请稍后加载</strong></noscript><div id="app"></div><script>window.userInfo=""</script><script src="//yunxin.ichunt.com/static/js/chunk-vendors.1623220686078.js"></script><script src="//yunxin.ichunt.com/static/js/app.1623220686078.js"></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="//yunxin.ichunt.com/favicon.ico"><title>cloudsystem</title><link href="//yunxin.ichunt.com/css/chunk-09cb4ae8.b71ebd2f.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-1b5b7edc.d938ddcf.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-1f1d09b0.fb33d5e6.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-1f98229c.b7dbb9bc.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-25ac136c.903fb18e.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-284b2208.f146077b.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-288fe952.62f4a50e.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-296911be.bb7545e5.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-2e1aef6e.8886942d.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-2ed520c1.588e48a9.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-36bc79d4.e6d75a1f.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-464fcfec.128f9899.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-61379a30.3d6445eb.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-6257fb96.195447e9.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-6766dae0.eff85fa1.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-767781bc.cea3a61d.css" rel="prefetch"><link href="//yunxin.ichunt.com/css/chunk-8c7f0cae.b6cda0c4.css" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-09cb4ae8.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-0a21860e.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-1b5b7edc.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-1f1d09b0.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-1f98229c.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-25ac136c.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-284b2208.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-288fe952.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-296911be.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-2e1aef6e.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-2ed520c1.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-36bc79d4.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-464fcfec.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-61379a30.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-6257fb96.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-6766dae0.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-767781bc.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/static/js/chunk-8c7f0cae.1623223947294.js" rel="prefetch"><link href="//yunxin.ichunt.com/css/app.da96e436.css" rel="preload" as="style"><link href="//yunxin.ichunt.com/css/chunk-vendors.8ffb1193.css" rel="preload" as="style"><link href="//yunxin.ichunt.com/static/js/app.1623223947294.js" rel="preload" as="script"><link href="//yunxin.ichunt.com/static/js/chunk-vendors.1623223947294.js" rel="preload" as="script"><link href="//yunxin.ichunt.com/css/chunk-vendors.8ffb1193.css" rel="stylesheet"><link href="//yunxin.ichunt.com/css/app.da96e436.css" rel="stylesheet"></head><body><noscript><strong>网络异常,请稍后加载</strong></noscript><div id="app"></div><script>window.userInfo=""</script><script src="//yunxin.ichunt.com/static/js/chunk-vendors.1623223947294.js"></script><script src="//yunxin.ichunt.com/static/js/app.1623223947294.js"></script></body></html>
\ No newline at end of file
view/static/js/chunk-6257fb96.1623220686078.js deleted 100644 → 0
This diff could not be displayed because it is too large.
view/static/js/chunk-6257fb96.1623223947294.js 0 → 100644
This diff could not be displayed because it is too large.
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