Skip to content

V
vue-composition-api
Commit f2b87033 by wangshuangqing
Options

图标

parent 7322d1c7
Showing with 5486 additions and 0 deletions
public/index.html
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="favicon.ico"> <link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="../src/assets//font/complete/iconfont.css">
<title> <title>
基于病种精准管理系统 基于病种精准管理系统
......
src/assets/font/c/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/font/c/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=3111099" 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">&#xe6e7;</span>
<div class="name">间接费用字典</div>
<div class="code-name">&amp;#xe6e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bb;</span>
<div class="name">加入组织</div>
<div class="code-name">&amp;#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6cf;</span>
<div class="name">导入</div>
<div class="code-name">&amp;#xe6cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">入院</div>
<div class="code-name">&amp;#xe620;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe641;</span>
<div class="name">个人盈亏</div>
<div class="code-name">&amp;#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe623;</span>
<div class="name">团队报表_盈亏报表</div>
<div class="code-name">&amp;#xe623;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe609;</span>
<div class="name">盈亏笔记</div>
<div class="code-name">&amp;#xe609;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe672;</span>
<div class="name">费用</div>
<div class="code-name">&amp;#xe672;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe601;</span>
<div class="name">质控</div>
<div class="code-name">&amp;#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe643;</span>
<div class="name">图标_护理医嘱_护理医嘱</div>
<div class="code-name">&amp;#xe643;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe614;</span>
<div class="name">调度规则</div>
<div class="code-name">&amp;#xe614;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe699;</span>
<div class="name">条码</div>
<div class="code-name">&amp;#xe699;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe606;</span>
<div class="name">钱钱-01</div>
<div class="code-name">&amp;#xe606;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe613;</span>
<div class="name">剪刀svg</div>
<div class="code-name">&amp;#xe613;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb86;</span>
<div class="name">搜索_o</div>
<div class="code-name">&amp;#xeb86;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65d;</span>
<div class="name">导入</div>
<div class="code-name">&amp;#xe65d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<div class="name">ipr_提交</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a9;</span>
<div class="name">听诊器</div>
<div class="code-name">&amp;#xe7a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65e;</span>
<div class="name">体检组合</div>
<div class="code-name">&amp;#xe65e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fd;</span>
<div class="name">医院</div>
<div class="code-name">&amp;#xe6fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f7;</span>
<div class="name">可视化平台icon_评分</div>
<div class="code-name">&amp;#xe6f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe611;</span>
<div class="name">清华-人员管理off</div>
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe629;</span>
<div class="name">出入院流程</div>
<div class="code-name">&amp;#xe629;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe858;</span>
<div class="name">医生团队</div>
<div class="code-name">&amp;#xe858;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67e;</span>
<div class="name">科室</div>
<div class="code-name">&amp;#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe610;</span>
<div class="name">食源性疾病监测</div>
<div class="code-name">&amp;#xe610;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68b;</span>
<div class="name">年度</div>
<div class="code-name">&amp;#xe68b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b2;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe624;</span>
<div class="name">预测</div>
<div class="code-name">&amp;#xe624;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe668;</span>
<div class="name">分析</div>
<div class="code-name">&amp;#xe668;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe604;</span>
<div class="name">预算控制</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe648;</span>
<div class="name">分析</div>
<div class="code-name">&amp;#xe648;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe652;</span>
<div class="name">手术订单</div>
<div class="code-name">&amp;#xe652;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe794;</span>
<div class="name">预算</div>
<div class="code-name">&amp;#xe794;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe666;</span>
<div class="name">账号管理</div>
<div class="code-name">&amp;#xe666;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe645;</span>
<div class="name">疾病管理</div>
<div class="code-name">&amp;#xe645;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60a;</span>
<div class="name">科室库存管理</div>
<div class="code-name">&amp;#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64c;</span>
<div class="name">分析</div>
<div class="code-name">&amp;#xe64c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fa;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe6fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe703;</span>
<div class="name">科室工作量</div>
<div class="code-name">&amp;#xe703;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67c;</span>
<div class="name">全科医疗科</div>
<div class="code-name">&amp;#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62d;</span>
<div class="name">账号管理</div>
<div class="code-name">&amp;#xe62d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe733;</span>
<div class="name">软著预测</div>
<div class="code-name">&amp;#xe733;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77b;</span>
<div class="name">科室统计1</div>
<div class="code-name">&amp;#xe77b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61d;</span>
<div class="name">预算</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bd;</span>
<div class="name">科室</div>
<div class="code-name">&amp;#xe6bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe618;</span>
<div class="name">02 TPM_预算科目</div>
<div class="code-name">&amp;#xe618;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62e;</span>
<div class="name">全科学</div>
<div class="code-name">&amp;#xe62e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xed13;</span>
<div class="name">疾病</div>
<div class="code-name">&amp;#xed13;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61c;</span>
<div class="name">导出</div>
<div class="code-name">&amp;#xe61c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<div class="name">新人指南</div>
<div class="code-name">&amp;#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bf;</span>
<div class="name">银行卡</div>
<div class="code-name">&amp;#xe8bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8af;</span>
<div class="name">付费管理</div>
<div class="code-name">&amp;#xe8af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe898;</span>
<div class="name">22资料、手册-线性</div>
<div class="code-name">&amp;#xe898;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name">箭头 三角形</div>
<div class="code-name">&amp;#xe605;</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=1645068566372') format('woff2'),
url('iconfont.woff?t=1645068566372') format('woff'),
url('iconfont.ttf?t=1645068566372') 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 icon-jianjiefeiyonzidian"></span>
<div class="name">
间接费用字典
</div>
<div class="code-name">.icon-jianjiefeiyonzidian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiaruzuzhi"></span>
<div class="name">
加入组织
</div>
<div class="code-name">.icon-jiaruzuzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daoru1"></span>
<div class="name">
导入
</div>
<div class="code-name">.icon-daoru1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ruyuan"></span>
<div class="name">
入院
</div>
<div class="code-name">.icon-ruyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gerenyingkui"></span>
<div class="name">
个人盈亏
</div>
<div class="code-name">.icon-gerenyingkui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuanduibaobiao_yingkuibaobiao"></span>
<div class="name">
团队报表_盈亏报表
</div>
<div class="code-name">.icon-tuanduibaobiao_yingkuibaobiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yingkuibiji"></span>
<div class="name">
盈亏笔记
</div>
<div class="code-name">.icon-yingkuibiji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-feiyong"></span>
<div class="name">
费用
</div>
<div class="code-name">.icon-feiyong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhikong"></span>
<div class="name">
质控
</div>
<div class="code-name">.icon-zhikong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tubiao_huliyizhu_huliyizhu"></span>
<div class="name">
图标_护理医嘱_护理医嘱
</div>
<div class="code-name">.icon-tubiao_huliyizhu_huliyizhu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianzu_70"></span>
<div class="name">
调度规则
</div>
<div class="code-name">.icon-bianzu_70
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-iconset0254"></span>
<div class="name">
条码
</div>
<div class="code-name">.icon-iconset0254
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qianqian-"></span>
<div class="name">
钱钱-01
</div>
<div class="code-name">.icon-qianqian-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiandaosvg"></span>
<div class="name">
剪刀svg
</div>
<div class="code-name">.icon-jiandaosvg
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sousuo_o"></span>
<div class="name">
搜索_o
</div>
<div class="code-name">.icon-sousuo_o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daoru"></span>
<div class="name">
导入
</div>
<div class="code-name">.icon-daoru
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ipr_tijiao"></span>
<div class="name">
ipr_提交
</div>
<div class="code-name">.icon-ipr_tijiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tingzhenqi"></span>
<div class="name">
听诊器
</div>
<div class="code-name">.icon-tingzhenqi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tijianzuhe"></span>
<div class="name">
体检组合
</div>
<div class="code-name">.icon-tijianzuhe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ico_yiyuanguanjia_banliruyuan"></span>
<div class="name">
医院
</div>
<div class="code-name">.icon-ico_yiyuanguanjia_banliruyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshihuapingtaiicon_pingfen"></span>
<div class="name">
可视化平台icon_评分
</div>
<div class="code-name">.icon-keshihuapingtaiicon_pingfen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenzu"></span>
<div class="name">
清华-人员管理off
</div>
<div class="code-name">.icon-fenzu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chuyuandaiyao"></span>
<div class="name">
出入院流程
</div>
<div class="code-name">.icon-chuyuandaiyao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yishengtuandui"></span>
<div class="name">
医生团队
</div>
<div class="code-name">.icon-yishengtuandui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshi"></span>
<div class="name">
科室
</div>
<div class="code-name">.icon-keshi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shiyuanxingjibingjiance"></span>
<div class="name">
食源性疾病监测
</div>
<div class="code-name">.icon-shiyuanxingjibingjiance
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-niandu"></span>
<div class="name">
年度
</div>
<div class="code-name">.icon-niandu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng1"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yuce"></span>
<div class="name">
预测
</div>
<div class="code-name">.icon-yuce
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxi"></span>
<div class="name">
分析
</div>
<div class="code-name">.icon-fenxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-test"></span>
<div class="name">
预算控制
</div>
<div class="code-name">.icon-icon-test
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxi1"></span>
<div class="name">
分析
</div>
<div class="code-name">.icon-fenxi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng666"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng666
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shoushudingdan"></span>
<div class="name">
手术订单
</div>
<div class="code-name">.icon-shoushudingdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yusuan"></span>
<div class="name">
预算
</div>
<div class="code-name">.icon-yusuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhanghaoguanli"></span>
<div class="name">
账号管理
</div>
<div class="code-name">.icon-zhanghaoguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jibingguanli"></span>
<div class="name">
疾病管理
</div>
<div class="code-name">.icon-jibingguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshikucunguanli"></span>
<div class="name">
科室库存管理
</div>
<div class="code-name">.icon-keshikucunguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxi2"></span>
<div class="name">
分析
</div>
<div class="code-name">.icon-fenxi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng2"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshigongzuoliang"></span>
<div class="name">
科室工作量
</div>
<div class="code-name">.icon-keshigongzuoliang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quankeyiliaoke"></span>
<div class="name">
全科医疗科
</div>
<div class="code-name">.icon-quankeyiliaoke
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhanghaoguanli1"></span>
<div class="name">
账号管理
</div>
<div class="code-name">.icon-zhanghaoguanli1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ruanzhuyuce"></span>
<div class="name">
软著预测
</div>
<div class="code-name">.icon-ruanzhuyuce
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshitongji1"></span>
<div class="name">
科室统计1
</div>
<div class="code-name">.icon-keshitongji1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yusuan1"></span>
<div class="name">
预算
</div>
<div class="code-name">.icon-yusuan1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshi2"></span>
<div class="name">
科室
</div>
<div class="code-name">.icon-keshi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-02TPM_yusuankemu"></span>
<div class="name">
02 TPM_预算科目
</div>
<div class="code-name">.icon-02TPM_yusuankemu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quankexue"></span>
<div class="name">
全科学
</div>
<div class="code-name">.icon-quankexue
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jibing"></span>
<div class="name">
疾病
</div>
<div class="code-name">.icon-jibing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daochu"></span>
<div class="name">
导出
</div>
<div class="code-name">.icon-daochu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinrenzhinan"></span>
<div class="name">
新人指南
</div>
<div class="code-name">.icon-xinrenzhinan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yinhangka"></span>
<div class="name">
银行卡
</div>
<div class="code-name">.icon-yinhangka
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fufeiguanli"></span>
<div class="name">
付费管理
</div>
<div class="code-name">.icon-fufeiguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ziliaoshouce-xianxing"></span>
<div class="name">
22资料、手册-线性
</div>
<div class="code-name">.icon-ziliaoshouce-xianxing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiantou1"></span>
<div class="name">
箭头 三角形
</div>
<div class="code-name">.icon-jiantou1
</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 icon-xxx"&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="#icon-jianjiefeiyonzidian"></use>
</svg>
<div class="name">间接费用字典</div>
<div class="code-name">#icon-jianjiefeiyonzidian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaruzuzhi"></use>
</svg>
<div class="name">加入组织</div>
<div class="code-name">#icon-jiaruzuzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daoru1"></use>
</svg>
<div class="name">导入</div>
<div class="code-name">#icon-daoru1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruyuan"></use>
</svg>
<div class="name">入院</div>
<div class="code-name">#icon-ruyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gerenyingkui"></use>
</svg>
<div class="name">个人盈亏</div>
<div class="code-name">#icon-gerenyingkui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuanduibaobiao_yingkuibaobiao"></use>
</svg>
<div class="name">团队报表_盈亏报表</div>
<div class="code-name">#icon-tuanduibaobiao_yingkuibaobiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yingkuibiji"></use>
</svg>
<div class="name">盈亏笔记</div>
<div class="code-name">#icon-yingkuibiji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-feiyong"></use>
</svg>
<div class="name">费用</div>
<div class="code-name">#icon-feiyong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhikong"></use>
</svg>
<div class="name">质控</div>
<div class="code-name">#icon-zhikong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tubiao_huliyizhu_huliyizhu"></use>
</svg>
<div class="name">图标_护理医嘱_护理医嘱</div>
<div class="code-name">#icon-tubiao_huliyizhu_huliyizhu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianzu_70"></use>
</svg>
<div class="name">调度规则</div>
<div class="code-name">#icon-bianzu_70</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-iconset0254"></use>
</svg>
<div class="name">条码</div>
<div class="code-name">#icon-iconset0254</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qianqian-"></use>
</svg>
<div class="name">钱钱-01</div>
<div class="code-name">#icon-qianqian-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiandaosvg"></use>
</svg>
<div class="name">剪刀svg</div>
<div class="code-name">#icon-jiandaosvg</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo_o"></use>
</svg>
<div class="name">搜索_o</div>
<div class="code-name">#icon-sousuo_o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daoru"></use>
</svg>
<div class="name">导入</div>
<div class="code-name">#icon-daoru</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ipr_tijiao"></use>
</svg>
<div class="name">ipr_提交</div>
<div class="code-name">#icon-ipr_tijiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tingzhenqi"></use>
</svg>
<div class="name">听诊器</div>
<div class="code-name">#icon-tingzhenqi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tijianzuhe"></use>
</svg>
<div class="name">体检组合</div>
<div class="code-name">#icon-tijianzuhe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ico_yiyuanguanjia_banliruyuan"></use>
</svg>
<div class="name">医院</div>
<div class="code-name">#icon-ico_yiyuanguanjia_banliruyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshihuapingtaiicon_pingfen"></use>
</svg>
<div class="name">可视化平台icon_评分</div>
<div class="code-name">#icon-keshihuapingtaiicon_pingfen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenzu"></use>
</svg>
<div class="name">清华-人员管理off</div>
<div class="code-name">#icon-fenzu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chuyuandaiyao"></use>
</svg>
<div class="name">出入院流程</div>
<div class="code-name">#icon-chuyuandaiyao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yishengtuandui"></use>
</svg>
<div class="name">医生团队</div>
<div class="code-name">#icon-yishengtuandui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshi"></use>
</svg>
<div class="name">科室</div>
<div class="code-name">#icon-keshi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shiyuanxingjibingjiance"></use>
</svg>
<div class="name">食源性疾病监测</div>
<div class="code-name">#icon-shiyuanxingjibingjiance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-niandu"></use>
</svg>
<div class="name">年度</div>
<div class="code-name">#icon-niandu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng1"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuce"></use>
</svg>
<div class="name">预测</div>
<div class="code-name">#icon-yuce</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxi"></use>
</svg>
<div class="name">分析</div>
<div class="code-name">#icon-fenxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-test"></use>
</svg>
<div class="name">预算控制</div>
<div class="code-name">#icon-icon-test</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxi1"></use>
</svg>
<div class="name">分析</div>
<div class="code-name">#icon-fenxi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng666"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng666</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoushudingdan"></use>
</svg>
<div class="name">手术订单</div>
<div class="code-name">#icon-shoushudingdan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yusuan"></use>
</svg>
<div class="name">预算</div>
<div class="code-name">#icon-yusuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhanghaoguanli"></use>
</svg>
<div class="name">账号管理</div>
<div class="code-name">#icon-zhanghaoguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jibingguanli"></use>
</svg>
<div class="name">疾病管理</div>
<div class="code-name">#icon-jibingguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshikucunguanli"></use>
</svg>
<div class="name">科室库存管理</div>
<div class="code-name">#icon-keshikucunguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxi2"></use>
</svg>
<div class="name">分析</div>
<div class="code-name">#icon-fenxi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng2"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshigongzuoliang"></use>
</svg>
<div class="name">科室工作量</div>
<div class="code-name">#icon-keshigongzuoliang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quankeyiliaoke"></use>
</svg>
<div class="name">全科医疗科</div>
<div class="code-name">#icon-quankeyiliaoke</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhanghaoguanli1"></use>
</svg>
<div class="name">账号管理</div>
<div class="code-name">#icon-zhanghaoguanli1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruanzhuyuce"></use>
</svg>
<div class="name">软著预测</div>
<div class="code-name">#icon-ruanzhuyuce</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshitongji1"></use>
</svg>
<div class="name">科室统计1</div>
<div class="code-name">#icon-keshitongji1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yusuan1"></use>
</svg>
<div class="name">预算</div>
<div class="code-name">#icon-yusuan1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshi2"></use>
</svg>
<div class="name">科室</div>
<div class="code-name">#icon-keshi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-02TPM_yusuankemu"></use>
</svg>
<div class="name">02 TPM_预算科目</div>
<div class="code-name">#icon-02TPM_yusuankemu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quankexue"></use>
</svg>
<div class="name">全科学</div>
<div class="code-name">#icon-quankexue</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jibing"></use>
</svg>
<div class="name">疾病</div>
<div class="code-name">#icon-jibing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daochu"></use>
</svg>
<div class="name">导出</div>
<div class="code-name">#icon-daochu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinrenzhinan"></use>
</svg>
<div class="name">新人指南</div>
<div class="code-name">#icon-xinrenzhinan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yinhangka"></use>
</svg>
<div class="name">银行卡</div>
<div class="code-name">#icon-yinhangka</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fufeiguanli"></use>
</svg>
<div class="name">付费管理</div>
<div class="code-name">#icon-fufeiguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziliaoshouce-xianxing"></use>
</svg>
<div class="name">22资料、手册-线性</div>
<div class="code-name">#icon-ziliaoshouce-xianxing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiantou1"></use>
</svg>
<div class="name">箭头 三角形</div>
<div class="code-name">#icon-jiantou1</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/font/c/iconfont.css 0 → 100644
@font-face {
font-family: "iconfont"; /* Project id 3111099 */
src: url('iconfont.woff2?t=1645068566372') format('woff2'),
url('iconfont.woff?t=1645068566372') format('woff'),
url('iconfont.ttf?t=1645068566372') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jianjiefeiyonzidian:before {
content: "\e6e7";
}
.icon-jiaruzuzhi:before {
content: "\e6bb";
}
.icon-daoru1:before {
content: "\e6cf";
}
.icon-ruyuan:before {
content: "\e620";
}
.icon-gerenyingkui:before {
content: "\e641";
}
.icon-tuanduibaobiao_yingkuibaobiao:before {
content: "\e623";
}
.icon-yingkuibiji:before {
content: "\e609";
}
.icon-feiyong:before {
content: "\e672";
}
.icon-zhikong:before {
content: "\e601";
}
.icon-tubiao_huliyizhu_huliyizhu:before {
content: "\e643";
}
.icon-bianzu_70:before {
content: "\e614";
}
.icon-iconset0254:before {
content: "\e699";
}
.icon-qianqian-:before {
content: "\e606";
}
.icon-jiandaosvg:before {
content: "\e613";
}
.icon-sousuo_o:before {
content: "\eb86";
}
.icon-daoru:before {
content: "\e65d";
}
.icon-ipr_tijiao:before {
content: "\e607";
}
.icon-tingzhenqi:before {
content: "\e7a9";
}
.icon-tijianzuhe:before {
content: "\e65e";
}
.icon-ico_yiyuanguanjia_banliruyuan:before {
content: "\e6fd";
}
.icon-keshihuapingtaiicon_pingfen:before {
content: "\e6f7";
}
.icon-fenzu:before {
content: "\e611";
}
.icon-chuyuandaiyao:before {
content: "\e629";
}
.icon-yishengtuandui:before {
content: "\e858";
}
.icon-yisheng:before {
content: "\e60d";
}
.icon-keshi:before {
content: "\e67e";
}
.icon-shiyuanxingjibingjiance:before {
content: "\e610";
}
.icon-niandu:before {
content: "\e68b";
}
.icon-yisheng1:before {
content: "\e6b2";
}
.icon-yuce:before {
content: "\e624";
}
.icon-fenxi:before {
content: "\e668";
}
.icon-icon-test:before {
content: "\e604";
}
.icon-fenxi1:before {
content: "\e648";
}
.icon-yisheng666:before {
content: "\e603";
}
.icon-shoushudingdan:before {
content: "\e652";
}
.icon-yusuan:before {
content: "\e794";
}
.icon-zhanghaoguanli:before {
content: "\e666";
}
.icon-jibingguanli:before {
content: "\e645";
}
.icon-keshikucunguanli:before {
content: "\e60a";
}
.icon-fenxi2:before {
content: "\e64c";
}
.icon-yisheng2:before {
content: "\e6fa";
}
.icon-keshigongzuoliang:before {
content: "\e703";
}
.icon-quankeyiliaoke:before {
content: "\e67c";
}
.icon-zhanghaoguanli1:before {
content: "\e62d";
}
.icon-ruanzhuyuce:before {
content: "\e733";
}
.icon-keshitongji1:before {
content: "\e77b";
}
.icon-yusuan1:before {
content: "\e61d";
}
.icon-keshi2:before {
content: "\e6bd";
}
.icon-02TPM_yusuankemu:before {
content: "\e618";
}
.icon-quankexue:before {
content: "\e62e";
}
.icon-jibing:before {
content: "\ed13";
}
.icon-daochu:before {
content: "\e61c";
}
.icon-xinrenzhinan:before {
content: "\e600";
}
.icon-yinhangka:before {
content: "\e8bf";
}
.icon-fufeiguanli:before {
content: "\e8af";
}
.icon-ziliaoshouce-xianxing:before {
content: "\e898";
}
.icon-jiantou1:before {
content: "\e605";
}
src/assets/font/c/iconfont.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/font/c/iconfont.json 0 → 100644
{
"id": "3111099",
"name": "完整图标",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "645498",
"name": "间接费用字典",
"font_class": "jianjiefeiyonzidian",
"unicode": "e6e7",
"unicode_decimal": 59111
},
{
"icon_id": "8304933",
"name": "加入组织",
"font_class": "jiaruzuzhi",
"unicode": "e6bb",
"unicode_decimal": 59067
},
{
"icon_id": "8319348",
"name": "导入",
"font_class": "daoru1",
"unicode": "e6cf",
"unicode_decimal": 59087
},
{
"icon_id": "8841391",
"name": "入院",
"font_class": "ruyuan",
"unicode": "e620",
"unicode_decimal": 58912
},
{
"icon_id": "9001914",
"name": "个人盈亏",
"font_class": "gerenyingkui",
"unicode": "e641",
"unicode_decimal": 58945
},
{
"icon_id": "9792482",
"name": "团队报表_盈亏报表",
"font_class": "tuanduibaobiao_yingkuibaobiao",
"unicode": "e623",
"unicode_decimal": 58915
},
{
"icon_id": "10660311",
"name": "盈亏笔记",
"font_class": "yingkuibiji",
"unicode": "e609",
"unicode_decimal": 58889
},
{
"icon_id": "12129938",
"name": "费用",
"font_class": "feiyong",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "12794224",
"name": "质控",
"font_class": "zhikong",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "14112156",
"name": "图标_护理医嘱_护理医嘱",
"font_class": "tubiao_huliyizhu_huliyizhu",
"unicode": "e643",
"unicode_decimal": 58947
},
{
"icon_id": "23775528",
"name": "调度规则",
"font_class": "bianzu_70",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "554262",
"name": "条码",
"font_class": "iconset0254",
"unicode": "e699",
"unicode_decimal": 59033
},
{
"icon_id": "3791134",
"name": "钱钱-01",
"font_class": "qianqian-",
"unicode": "e606",
"unicode_decimal": 58886
},
{
"icon_id": "5202088",
"name": "剪刀svg",
"font_class": "jiandaosvg",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "5387900",
"name": "搜索_o",
"font_class": "sousuo_o",
"unicode": "eb86",
"unicode_decimal": 60294
},
{
"icon_id": "10194316",
"name": "导入",
"font_class": "daoru",
"unicode": "e65d",
"unicode_decimal": 58973
},
{
"icon_id": "11542429",
"name": "ipr_提交",
"font_class": "ipr_tijiao",
"unicode": "e607",
"unicode_decimal": 58887
},
{
"icon_id": "18211336",
"name": "听诊器",
"font_class": "tingzhenqi",
"unicode": "e7a9",
"unicode_decimal": 59305
},
{
"icon_id": "3892814",
"name": "体检组合",
"font_class": "tijianzuhe",
"unicode": "e65e",
"unicode_decimal": 58974
},
{
"icon_id": "10056222",
"name": "医院",
"font_class": "ico_yiyuanguanjia_banliruyuan",
"unicode": "e6fd",
"unicode_decimal": 59133
},
{
"icon_id": "11529546",
"name": "可视化平台icon_评分",
"font_class": "keshihuapingtaiicon_pingfen",
"unicode": "e6f7",
"unicode_decimal": 59127
},
{
"icon_id": "16135377",
"name": "清华-人员管理off",
"font_class": "fenzu",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "16900329",
"name": "出入院流程",
"font_class": "chuyuandaiyao",
"unicode": "e629",
"unicode_decimal": 58921
},
{
"icon_id": "8288899",
"name": "医生团队",
"font_class": "yishengtuandui",
"unicode": "e858",
"unicode_decimal": 59480
},
{
"icon_id": "3370262",
"name": "医生",
"font_class": "yisheng",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "4450270",
"name": "科室",
"font_class": "keshi",
"unicode": "e67e",
"unicode_decimal": 59006
},
{
"icon_id": "7435060",
"name": "食源性疾病监测",
"font_class": "shiyuanxingjibingjiance",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "17188854",
"name": "年度",
"font_class": "niandu",
"unicode": "e68b",
"unicode_decimal": 59019
},
{
"icon_id": "827988",
"name": "医生",
"font_class": "yisheng1",
"unicode": "e6b2",
"unicode_decimal": 59058
},
{
"icon_id": "1037699",
"name": "预测",
"font_class": "yuce",
"unicode": "e624",
"unicode_decimal": 58916
},
{
"icon_id": "1881568",
"name": "分析",
"font_class": "fenxi",
"unicode": "e668",
"unicode_decimal": 58984
},
{
"icon_id": "1915206",
"name": "预算控制",
"font_class": "icon-test",
"unicode": "e604",
"unicode_decimal": 58884
},
{
"icon_id": "3762527",
"name": "分析",
"font_class": "fenxi1",
"unicode": "e648",
"unicode_decimal": 58952
},
{
"icon_id": "4919907",
"name": "医生",
"font_class": "yisheng666",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "5190649",
"name": "手术订单",
"font_class": "shoushudingdan",
"unicode": "e652",
"unicode_decimal": 58962
},
{
"icon_id": "5484259",
"name": "预算",
"font_class": "yusuan",
"unicode": "e794",
"unicode_decimal": 59284
},
{
"icon_id": "6455673",
"name": "账号管理",
"font_class": "zhanghaoguanli",
"unicode": "e666",
"unicode_decimal": 58982
},
{
"icon_id": "6602265",
"name": "疾病管理",
"font_class": "jibingguanli",
"unicode": "e645",
"unicode_decimal": 58949
},
{
"icon_id": "7414003",
"name": "科室库存管理",
"font_class": "keshikucunguanli",
"unicode": "e60a",
"unicode_decimal": 58890
},
{
"icon_id": "9589363",
"name": "分析",
"font_class": "fenxi2",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "10056219",
"name": "医生",
"font_class": "yisheng2",
"unicode": "e6fa",
"unicode_decimal": 59130
},
{
"icon_id": "10056237",
"name": "科室工作量",
"font_class": "keshigongzuoliang",
"unicode": "e703",
"unicode_decimal": 59139
},
{
"icon_id": "11043288",
"name": "全科医疗科",
"font_class": "quankeyiliaoke",
"unicode": "e67c",
"unicode_decimal": 59004
},
{
"icon_id": "11882440",
"name": "账号管理",
"font_class": "zhanghaoguanli1",
"unicode": "e62d",
"unicode_decimal": 58925
},
{
"icon_id": "14656283",
"name": "软著预测",
"font_class": "ruanzhuyuce",
"unicode": "e733",
"unicode_decimal": 59187
},
{
"icon_id": "15668854",
"name": "科室统计1",
"font_class": "keshitongji1",
"unicode": "e77b",
"unicode_decimal": 59259
},
{
"icon_id": "18683483",
"name": "预算",
"font_class": "yusuan1",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "18916459",
"name": "科室",
"font_class": "keshi2",
"unicode": "e6bd",
"unicode_decimal": 59069
},
{
"icon_id": "19135003",
"name": "02 TPM_预算科目",
"font_class": "02TPM_yusuankemu",
"unicode": "e618",
"unicode_decimal": 58904
},
{
"icon_id": "22952624",
"name": "全科学",
"font_class": "quankexue",
"unicode": "e62e",
"unicode_decimal": 58926
},
{
"icon_id": "24737003",
"name": "疾病",
"font_class": "jibing",
"unicode": "ed13",
"unicode_decimal": 60691
},
{
"icon_id": "2667525",
"name": "导出",
"font_class": "daochu",
"unicode": "e61c",
"unicode_decimal": 58908
},
{
"icon_id": "249355",
"name": "新人指南",
"font_class": "xinrenzhinan",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "11372727",
"name": "银行卡",
"font_class": "yinhangka",
"unicode": "e8bf",
"unicode_decimal": 59583
},
{
"icon_id": "20314574",
"name": "付费管理",
"font_class": "fufeiguanli",
"unicode": "e8af",
"unicode_decimal": 59567
},
{
"icon_id": "1727356",
"name": "22资料、手册-线性",
"font_class": "ziliaoshouce-xianxing",
"unicode": "e898",
"unicode_decimal": 59544
},
{
"icon_id": "1110403",
"name": "箭头 三角形",
"font_class": "jiantou1",
"unicode": "e605",
"unicode_decimal": 58885
}
]
}
src/assets/font/complete/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/font/complete/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=3111099" 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">&#xe6bc;</span>
<div class="name">质控图</div>
<div class="code-name">&amp;#xe6bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61e;</span>
<div class="name">规则管理-01</div>
<div class="code-name">&amp;#xe61e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e6;</span>
<div class="name">审核状态</div>
<div class="code-name">&amp;#xe6e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e7;</span>
<div class="name">间接费用字典</div>
<div class="code-name">&amp;#xe6e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bb;</span>
<div class="name">加入组织</div>
<div class="code-name">&amp;#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6cf;</span>
<div class="name">导入</div>
<div class="code-name">&amp;#xe6cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">入院</div>
<div class="code-name">&amp;#xe620;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe641;</span>
<div class="name">个人盈亏</div>
<div class="code-name">&amp;#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe623;</span>
<div class="name">团队报表_盈亏报表</div>
<div class="code-name">&amp;#xe623;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe609;</span>
<div class="name">盈亏笔记</div>
<div class="code-name">&amp;#xe609;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe672;</span>
<div class="name">费用</div>
<div class="code-name">&amp;#xe672;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe601;</span>
<div class="name">质控</div>
<div class="code-name">&amp;#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe643;</span>
<div class="name">图标_护理医嘱_护理医嘱</div>
<div class="code-name">&amp;#xe643;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe614;</span>
<div class="name">调度规则</div>
<div class="code-name">&amp;#xe614;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe699;</span>
<div class="name">条码</div>
<div class="code-name">&amp;#xe699;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe606;</span>
<div class="name">钱钱-01</div>
<div class="code-name">&amp;#xe606;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe613;</span>
<div class="name">剪刀svg</div>
<div class="code-name">&amp;#xe613;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb86;</span>
<div class="name">搜索_o</div>
<div class="code-name">&amp;#xeb86;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65d;</span>
<div class="name">导入</div>
<div class="code-name">&amp;#xe65d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<div class="name">ipr_提交</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a9;</span>
<div class="name">听诊器</div>
<div class="code-name">&amp;#xe7a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65e;</span>
<div class="name">体检组合</div>
<div class="code-name">&amp;#xe65e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fd;</span>
<div class="name">医院</div>
<div class="code-name">&amp;#xe6fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f7;</span>
<div class="name">可视化平台icon_评分</div>
<div class="code-name">&amp;#xe6f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe611;</span>
<div class="name">清华-人员管理off</div>
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe629;</span>
<div class="name">出入院流程</div>
<div class="code-name">&amp;#xe629;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe858;</span>
<div class="name">医生团队</div>
<div class="code-name">&amp;#xe858;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67e;</span>
<div class="name">科室</div>
<div class="code-name">&amp;#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe610;</span>
<div class="name">食源性疾病监测</div>
<div class="code-name">&amp;#xe610;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68b;</span>
<div class="name">年度</div>
<div class="code-name">&amp;#xe68b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b2;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe624;</span>
<div class="name">预测</div>
<div class="code-name">&amp;#xe624;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe668;</span>
<div class="name">分析</div>
<div class="code-name">&amp;#xe668;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe604;</span>
<div class="name">预算控制</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe648;</span>
<div class="name">分析</div>
<div class="code-name">&amp;#xe648;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe652;</span>
<div class="name">手术订单</div>
<div class="code-name">&amp;#xe652;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe794;</span>
<div class="name">预算</div>
<div class="code-name">&amp;#xe794;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe666;</span>
<div class="name">账号管理</div>
<div class="code-name">&amp;#xe666;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe645;</span>
<div class="name">疾病管理</div>
<div class="code-name">&amp;#xe645;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60a;</span>
<div class="name">科室库存管理</div>
<div class="code-name">&amp;#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64c;</span>
<div class="name">分析</div>
<div class="code-name">&amp;#xe64c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fa;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xe6fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe703;</span>
<div class="name">科室工作量</div>
<div class="code-name">&amp;#xe703;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67c;</span>
<div class="name">全科医疗科</div>
<div class="code-name">&amp;#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62d;</span>
<div class="name">账号管理</div>
<div class="code-name">&amp;#xe62d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe733;</span>
<div class="name">软著预测</div>
<div class="code-name">&amp;#xe733;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77b;</span>
<div class="name">科室统计1</div>
<div class="code-name">&amp;#xe77b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61d;</span>
<div class="name">预算</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bd;</span>
<div class="name">科室</div>
<div class="code-name">&amp;#xe6bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe618;</span>
<div class="name">02 TPM_预算科目</div>
<div class="code-name">&amp;#xe618;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62e;</span>
<div class="name">全科学</div>
<div class="code-name">&amp;#xe62e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xed13;</span>
<div class="name">疾病</div>
<div class="code-name">&amp;#xed13;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61c;</span>
<div class="name">导出</div>
<div class="code-name">&amp;#xe61c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<div class="name">新人指南</div>
<div class="code-name">&amp;#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bf;</span>
<div class="name">银行卡</div>
<div class="code-name">&amp;#xe8bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8af;</span>
<div class="name">付费管理</div>
<div class="code-name">&amp;#xe8af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe898;</span>
<div class="name">22资料、手册-线性</div>
<div class="code-name">&amp;#xe898;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name">箭头 三角形</div>
<div class="code-name">&amp;#xe605;</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=1648635086881') format('woff2'),
url('iconfont.woff?t=1648635086881') format('woff'),
url('iconfont.ttf?t=1648635086881') 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 icon-zhkt"></span>
<div class="name">
质控图
</div>
<div class="code-name">.icon-zhkt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guizeguanli-"></span>
<div class="name">
规则管理-01
</div>
<div class="code-name">.icon-guizeguanli-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shenhezhuangtai"></span>
<div class="name">
审核状态
</div>
<div class="code-name">.icon-shenhezhuangtai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jianjiefeiyonzidian"></span>
<div class="name">
间接费用字典
</div>
<div class="code-name">.icon-jianjiefeiyonzidian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiaruzuzhi"></span>
<div class="name">
加入组织
</div>
<div class="code-name">.icon-jiaruzuzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daoru1"></span>
<div class="name">
导入
</div>
<div class="code-name">.icon-daoru1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ruyuan"></span>
<div class="name">
入院
</div>
<div class="code-name">.icon-ruyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gerenyingkui"></span>
<div class="name">
个人盈亏
</div>
<div class="code-name">.icon-gerenyingkui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuanduibaobiao_yingkuibaobiao"></span>
<div class="name">
团队报表_盈亏报表
</div>
<div class="code-name">.icon-tuanduibaobiao_yingkuibaobiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yingkuibiji"></span>
<div class="name">
盈亏笔记
</div>
<div class="code-name">.icon-yingkuibiji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-feiyong"></span>
<div class="name">
费用
</div>
<div class="code-name">.icon-feiyong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhikong"></span>
<div class="name">
质控
</div>
<div class="code-name">.icon-zhikong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tubiao_huliyizhu_huliyizhu"></span>
<div class="name">
图标_护理医嘱_护理医嘱
</div>
<div class="code-name">.icon-tubiao_huliyizhu_huliyizhu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianzu_70"></span>
<div class="name">
调度规则
</div>
<div class="code-name">.icon-bianzu_70
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-iconset0254"></span>
<div class="name">
条码
</div>
<div class="code-name">.icon-iconset0254
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qianqian-"></span>
<div class="name">
钱钱-01
</div>
<div class="code-name">.icon-qianqian-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiandaosvg"></span>
<div class="name">
剪刀svg
</div>
<div class="code-name">.icon-jiandaosvg
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sousuo_o"></span>
<div class="name">
搜索_o
</div>
<div class="code-name">.icon-sousuo_o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daoru"></span>
<div class="name">
导入
</div>
<div class="code-name">.icon-daoru
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ipr_tijiao"></span>
<div class="name">
ipr_提交
</div>
<div class="code-name">.icon-ipr_tijiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tingzhenqi"></span>
<div class="name">
听诊器
</div>
<div class="code-name">.icon-tingzhenqi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tijianzuhe"></span>
<div class="name">
体检组合
</div>
<div class="code-name">.icon-tijianzuhe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ico_yiyuanguanjia_banliruyuan"></span>
<div class="name">
医院
</div>
<div class="code-name">.icon-ico_yiyuanguanjia_banliruyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshihuapingtaiicon_pingfen"></span>
<div class="name">
可视化平台icon_评分
</div>
<div class="code-name">.icon-keshihuapingtaiicon_pingfen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenzu"></span>
<div class="name">
清华-人员管理off
</div>
<div class="code-name">.icon-fenzu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chuyuandaiyao"></span>
<div class="name">
出入院流程
</div>
<div class="code-name">.icon-chuyuandaiyao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yishengtuandui"></span>
<div class="name">
医生团队
</div>
<div class="code-name">.icon-yishengtuandui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshi"></span>
<div class="name">
科室
</div>
<div class="code-name">.icon-keshi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shiyuanxingjibingjiance"></span>
<div class="name">
食源性疾病监测
</div>
<div class="code-name">.icon-shiyuanxingjibingjiance
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-niandu"></span>
<div class="name">
年度
</div>
<div class="code-name">.icon-niandu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng1"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yuce"></span>
<div class="name">
预测
</div>
<div class="code-name">.icon-yuce
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxi"></span>
<div class="name">
分析
</div>
<div class="code-name">.icon-fenxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-test"></span>
<div class="name">
预算控制
</div>
<div class="code-name">.icon-icon-test
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxi1"></span>
<div class="name">
分析
</div>
<div class="code-name">.icon-fenxi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng666"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng666
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shoushudingdan"></span>
<div class="name">
手术订单
</div>
<div class="code-name">.icon-shoushudingdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yusuan"></span>
<div class="name">
预算
</div>
<div class="code-name">.icon-yusuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhanghaoguanli"></span>
<div class="name">
账号管理
</div>
<div class="code-name">.icon-zhanghaoguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jibingguanli"></span>
<div class="name">
疾病管理
</div>
<div class="code-name">.icon-jibingguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshikucunguanli"></span>
<div class="name">
科室库存管理
</div>
<div class="code-name">.icon-keshikucunguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxi2"></span>
<div class="name">
分析
</div>
<div class="code-name">.icon-fenxi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yisheng2"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-yisheng2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshigongzuoliang"></span>
<div class="name">
科室工作量
</div>
<div class="code-name">.icon-keshigongzuoliang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quankeyiliaoke"></span>
<div class="name">
全科医疗科
</div>
<div class="code-name">.icon-quankeyiliaoke
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhanghaoguanli1"></span>
<div class="name">
账号管理
</div>
<div class="code-name">.icon-zhanghaoguanli1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ruanzhuyuce"></span>
<div class="name">
软著预测
</div>
<div class="code-name">.icon-ruanzhuyuce
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshitongji1"></span>
<div class="name">
科室统计1
</div>
<div class="code-name">.icon-keshitongji1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yusuan1"></span>
<div class="name">
预算
</div>
<div class="code-name">.icon-yusuan1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keshi2"></span>
<div class="name">
科室
</div>
<div class="code-name">.icon-keshi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-02TPM_yusuankemu"></span>
<div class="name">
02 TPM_预算科目
</div>
<div class="code-name">.icon-02TPM_yusuankemu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quankexue"></span>
<div class="name">
全科学
</div>
<div class="code-name">.icon-quankexue
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jibing"></span>
<div class="name">
疾病
</div>
<div class="code-name">.icon-jibing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daochu"></span>
<div class="name">
导出
</div>
<div class="code-name">.icon-daochu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinrenzhinan"></span>
<div class="name">
新人指南
</div>
<div class="code-name">.icon-xinrenzhinan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yinhangka"></span>
<div class="name">
银行卡
</div>
<div class="code-name">.icon-yinhangka
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fufeiguanli"></span>
<div class="name">
付费管理
</div>
<div class="code-name">.icon-fufeiguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ziliaoshouce-xianxing"></span>
<div class="name">
22资料、手册-线性
</div>
<div class="code-name">.icon-ziliaoshouce-xianxing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiantou1"></span>
<div class="name">
箭头 三角形
</div>
<div class="code-name">.icon-jiantou1
</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 icon-xxx"&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="#icon-zhkt"></use>
</svg>
<div class="name">质控图</div>
<div class="code-name">#icon-zhkt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guizeguanli-"></use>
</svg>
<div class="name">规则管理-01</div>
<div class="code-name">#icon-guizeguanli-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shenhezhuangtai"></use>
</svg>
<div class="name">审核状态</div>
<div class="code-name">#icon-shenhezhuangtai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jianjiefeiyonzidian"></use>
</svg>
<div class="name">间接费用字典</div>
<div class="code-name">#icon-jianjiefeiyonzidian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaruzuzhi"></use>
</svg>
<div class="name">加入组织</div>
<div class="code-name">#icon-jiaruzuzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daoru1"></use>
</svg>
<div class="name">导入</div>
<div class="code-name">#icon-daoru1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruyuan"></use>
</svg>
<div class="name">入院</div>
<div class="code-name">#icon-ruyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gerenyingkui"></use>
</svg>
<div class="name">个人盈亏</div>
<div class="code-name">#icon-gerenyingkui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuanduibaobiao_yingkuibaobiao"></use>
</svg>
<div class="name">团队报表_盈亏报表</div>
<div class="code-name">#icon-tuanduibaobiao_yingkuibaobiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yingkuibiji"></use>
</svg>
<div class="name">盈亏笔记</div>
<div class="code-name">#icon-yingkuibiji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-feiyong"></use>
</svg>
<div class="name">费用</div>
<div class="code-name">#icon-feiyong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhikong"></use>
</svg>
<div class="name">质控</div>
<div class="code-name">#icon-zhikong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tubiao_huliyizhu_huliyizhu"></use>
</svg>
<div class="name">图标_护理医嘱_护理医嘱</div>
<div class="code-name">#icon-tubiao_huliyizhu_huliyizhu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianzu_70"></use>
</svg>
<div class="name">调度规则</div>
<div class="code-name">#icon-bianzu_70</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-iconset0254"></use>
</svg>
<div class="name">条码</div>
<div class="code-name">#icon-iconset0254</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qianqian-"></use>
</svg>
<div class="name">钱钱-01</div>
<div class="code-name">#icon-qianqian-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiandaosvg"></use>
</svg>
<div class="name">剪刀svg</div>
<div class="code-name">#icon-jiandaosvg</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo_o"></use>
</svg>
<div class="name">搜索_o</div>
<div class="code-name">#icon-sousuo_o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daoru"></use>
</svg>
<div class="name">导入</div>
<div class="code-name">#icon-daoru</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ipr_tijiao"></use>
</svg>
<div class="name">ipr_提交</div>
<div class="code-name">#icon-ipr_tijiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tingzhenqi"></use>
</svg>
<div class="name">听诊器</div>
<div class="code-name">#icon-tingzhenqi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tijianzuhe"></use>
</svg>
<div class="name">体检组合</div>
<div class="code-name">#icon-tijianzuhe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ico_yiyuanguanjia_banliruyuan"></use>
</svg>
<div class="name">医院</div>
<div class="code-name">#icon-ico_yiyuanguanjia_banliruyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshihuapingtaiicon_pingfen"></use>
</svg>
<div class="name">可视化平台icon_评分</div>
<div class="code-name">#icon-keshihuapingtaiicon_pingfen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenzu"></use>
</svg>
<div class="name">清华-人员管理off</div>
<div class="code-name">#icon-fenzu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chuyuandaiyao"></use>
</svg>
<div class="name">出入院流程</div>
<div class="code-name">#icon-chuyuandaiyao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yishengtuandui"></use>
</svg>
<div class="name">医生团队</div>
<div class="code-name">#icon-yishengtuandui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshi"></use>
</svg>
<div class="name">科室</div>
<div class="code-name">#icon-keshi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shiyuanxingjibingjiance"></use>
</svg>
<div class="name">食源性疾病监测</div>
<div class="code-name">#icon-shiyuanxingjibingjiance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-niandu"></use>
</svg>
<div class="name">年度</div>
<div class="code-name">#icon-niandu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng1"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuce"></use>
</svg>
<div class="name">预测</div>
<div class="code-name">#icon-yuce</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxi"></use>
</svg>
<div class="name">分析</div>
<div class="code-name">#icon-fenxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-test"></use>
</svg>
<div class="name">预算控制</div>
<div class="code-name">#icon-icon-test</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxi1"></use>
</svg>
<div class="name">分析</div>
<div class="code-name">#icon-fenxi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng666"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng666</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoushudingdan"></use>
</svg>
<div class="name">手术订单</div>
<div class="code-name">#icon-shoushudingdan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yusuan"></use>
</svg>
<div class="name">预算</div>
<div class="code-name">#icon-yusuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhanghaoguanli"></use>
</svg>
<div class="name">账号管理</div>
<div class="code-name">#icon-zhanghaoguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jibingguanli"></use>
</svg>
<div class="name">疾病管理</div>
<div class="code-name">#icon-jibingguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshikucunguanli"></use>
</svg>
<div class="name">科室库存管理</div>
<div class="code-name">#icon-keshikucunguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxi2"></use>
</svg>
<div class="name">分析</div>
<div class="code-name">#icon-fenxi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yisheng2"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-yisheng2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshigongzuoliang"></use>
</svg>
<div class="name">科室工作量</div>
<div class="code-name">#icon-keshigongzuoliang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quankeyiliaoke"></use>
</svg>
<div class="name">全科医疗科</div>
<div class="code-name">#icon-quankeyiliaoke</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhanghaoguanli1"></use>
</svg>
<div class="name">账号管理</div>
<div class="code-name">#icon-zhanghaoguanli1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruanzhuyuce"></use>
</svg>
<div class="name">软著预测</div>
<div class="code-name">#icon-ruanzhuyuce</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshitongji1"></use>
</svg>
<div class="name">科室统计1</div>
<div class="code-name">#icon-keshitongji1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yusuan1"></use>
</svg>
<div class="name">预算</div>
<div class="code-name">#icon-yusuan1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keshi2"></use>
</svg>
<div class="name">科室</div>
<div class="code-name">#icon-keshi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-02TPM_yusuankemu"></use>
</svg>
<div class="name">02 TPM_预算科目</div>
<div class="code-name">#icon-02TPM_yusuankemu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quankexue"></use>
</svg>
<div class="name">全科学</div>
<div class="code-name">#icon-quankexue</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jibing"></use>
</svg>
<div class="name">疾病</div>
<div class="code-name">#icon-jibing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daochu"></use>
</svg>
<div class="name">导出</div>
<div class="code-name">#icon-daochu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinrenzhinan"></use>
</svg>
<div class="name">新人指南</div>
<div class="code-name">#icon-xinrenzhinan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yinhangka"></use>
</svg>
<div class="name">银行卡</div>
<div class="code-name">#icon-yinhangka</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fufeiguanli"></use>
</svg>
<div class="name">付费管理</div>
<div class="code-name">#icon-fufeiguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziliaoshouce-xianxing"></use>
</svg>
<div class="name">22资料、手册-线性</div>
<div class="code-name">#icon-ziliaoshouce-xianxing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiantou1"></use>
</svg>
<div class="name">箭头 三角形</div>
<div class="code-name">#icon-jiantou1</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/font/complete/iconfont.css 0 → 100644
@font-face {
font-family: "iconfont"; /* Project id 3111099 */
src: url('iconfont.woff2?t=1648635086881') format('woff2'),
url('iconfont.woff?t=1648635086881') format('woff'),
url('iconfont.ttf?t=1648635086881') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-zhkt:before {
content: "\e6bc";
}
.icon-guizeguanli-:before {
content: "\e61e";
}
.icon-shenhezhuangtai:before {
content: "\e6e6";
}
.icon-jianjiefeiyonzidian:before {
content: "\e6e7";
}
.icon-jiaruzuzhi:before {
content: "\e6bb";
}
.icon-daoru1:before {
content: "\e6cf";
}
.icon-ruyuan:before {
content: "\e620";
}
.icon-gerenyingkui:before {
content: "\e641";
}
.icon-tuanduibaobiao_yingkuibaobiao:before {
content: "\e623";
}
.icon-yingkuibiji:before {
content: "\e609";
}
.icon-feiyong:before {
content: "\e672";
}
.icon-zhikong:before {
content: "\e601";
}
.icon-tubiao_huliyizhu_huliyizhu:before {
content: "\e643";
}
.icon-bianzu_70:before {
content: "\e614";
}
.icon-iconset0254:before {
content: "\e699";
}
.icon-qianqian-:before {
content: "\e606";
}
.icon-jiandaosvg:before {
content: "\e613";
}
.icon-sousuo_o:before {
content: "\eb86";
}
.icon-daoru:before {
content: "\e65d";
}
.icon-ipr_tijiao:before {
content: "\e607";
}
.icon-tingzhenqi:before {
content: "\e7a9";
}
.icon-tijianzuhe:before {
content: "\e65e";
}
.icon-ico_yiyuanguanjia_banliruyuan:before {
content: "\e6fd";
}
.icon-keshihuapingtaiicon_pingfen:before {
content: "\e6f7";
}
.icon-fenzu:before {
content: "\e611";
}
.icon-chuyuandaiyao:before {
content: "\e629";
}
.icon-yishengtuandui:before {
content: "\e858";
}
.icon-yisheng:before {
content: "\e60d";
}
.icon-keshi:before {
content: "\e67e";
}
.icon-shiyuanxingjibingjiance:before {
content: "\e610";
}
.icon-niandu:before {
content: "\e68b";
}
.icon-yisheng1:before {
content: "\e6b2";
}
.icon-yuce:before {
content: "\e624";
}
.icon-fenxi:before {
content: "\e668";
}
.icon-icon-test:before {
content: "\e604";
}
.icon-fenxi1:before {
content: "\e648";
}
.icon-yisheng666:before {
content: "\e603";
}
.icon-shoushudingdan:before {
content: "\e652";
}
.icon-yusuan:before {
content: "\e794";
}
.icon-zhanghaoguanli:before {
content: "\e666";
}
.icon-jibingguanli:before {
content: "\e645";
}
.icon-keshikucunguanli:before {
content: "\e60a";
}
.icon-fenxi2:before {
content: "\e64c";
}
.icon-yisheng2:before {
content: "\e6fa";
}
.icon-keshigongzuoliang:before {
content: "\e703";
}
.icon-quankeyiliaoke:before {
content: "\e67c";
}
.icon-zhanghaoguanli1:before {
content: "\e62d";
}
.icon-ruanzhuyuce:before {
content: "\e733";
}
.icon-keshitongji1:before {
content: "\e77b";
}
.icon-yusuan1:before {
content: "\e61d";
}
.icon-keshi2:before {
content: "\e6bd";
}
.icon-02TPM_yusuankemu:before {
content: "\e618";
}
.icon-quankexue:before {
content: "\e62e";
}
.icon-jibing:before {
content: "\ed13";
}
.icon-daochu:before {
content: "\e61c";
}
.icon-xinrenzhinan:before {
content: "\e600";
}
.icon-yinhangka:before {
content: "\e8bf";
}
.icon-fufeiguanli:before {
content: "\e8af";
}
.icon-ziliaoshouce-xianxing:before {
content: "\e898";
}
.icon-jiantou1:before {
content: "\e605";
}
src/assets/font/complete/iconfont.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/font/complete/iconfont.json 0 → 100644
{
"id": "3111099",
"name": "完整图标",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "2710435",
"name": "质控图",
"font_class": "zhkt",
"unicode": "e6bc",
"unicode_decimal": 59068
},
{
"icon_id": "10416492",
"name": "规则管理-01",
"font_class": "guizeguanli-",
"unicode": "e61e",
"unicode_decimal": 58910
},
{
"icon_id": "18707757",
"name": "审核状态",
"font_class": "shenhezhuangtai",
"unicode": "e6e6",
"unicode_decimal": 59110
},
{
"icon_id": "645498",
"name": "间接费用字典",
"font_class": "jianjiefeiyonzidian",
"unicode": "e6e7",
"unicode_decimal": 59111
},
{
"icon_id": "8304933",
"name": "加入组织",
"font_class": "jiaruzuzhi",
"unicode": "e6bb",
"unicode_decimal": 59067
},
{
"icon_id": "8319348",
"name": "导入",
"font_class": "daoru1",
"unicode": "e6cf",
"unicode_decimal": 59087
},
{
"icon_id": "8841391",
"name": "入院",
"font_class": "ruyuan",
"unicode": "e620",
"unicode_decimal": 58912
},
{
"icon_id": "9001914",
"name": "个人盈亏",
"font_class": "gerenyingkui",
"unicode": "e641",
"unicode_decimal": 58945
},
{
"icon_id": "9792482",
"name": "团队报表_盈亏报表",
"font_class": "tuanduibaobiao_yingkuibaobiao",
"unicode": "e623",
"unicode_decimal": 58915
},
{
"icon_id": "10660311",
"name": "盈亏笔记",
"font_class": "yingkuibiji",
"unicode": "e609",
"unicode_decimal": 58889
},
{
"icon_id": "12129938",
"name": "费用",
"font_class": "feiyong",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "12794224",
"name": "质控",
"font_class": "zhikong",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "14112156",
"name": "图标_护理医嘱_护理医嘱",
"font_class": "tubiao_huliyizhu_huliyizhu",
"unicode": "e643",
"unicode_decimal": 58947
},
{
"icon_id": "23775528",
"name": "调度规则",
"font_class": "bianzu_70",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "554262",
"name": "条码",
"font_class": "iconset0254",
"unicode": "e699",
"unicode_decimal": 59033
},
{
"icon_id": "3791134",
"name": "钱钱-01",
"font_class": "qianqian-",
"unicode": "e606",
"unicode_decimal": 58886
},
{
"icon_id": "5202088",
"name": "剪刀svg",
"font_class": "jiandaosvg",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "5387900",
"name": "搜索_o",
"font_class": "sousuo_o",
"unicode": "eb86",
"unicode_decimal": 60294
},
{
"icon_id": "10194316",
"name": "导入",
"font_class": "daoru",
"unicode": "e65d",
"unicode_decimal": 58973
},
{
"icon_id": "11542429",
"name": "ipr_提交",
"font_class": "ipr_tijiao",
"unicode": "e607",
"unicode_decimal": 58887
},
{
"icon_id": "18211336",
"name": "听诊器",
"font_class": "tingzhenqi",
"unicode": "e7a9",
"unicode_decimal": 59305
},
{
"icon_id": "3892814",
"name": "体检组合",
"font_class": "tijianzuhe",
"unicode": "e65e",
"unicode_decimal": 58974
},
{
"icon_id": "10056222",
"name": "医院",
"font_class": "ico_yiyuanguanjia_banliruyuan",
"unicode": "e6fd",
"unicode_decimal": 59133
},
{
"icon_id": "11529546",
"name": "可视化平台icon_评分",
"font_class": "keshihuapingtaiicon_pingfen",
"unicode": "e6f7",
"unicode_decimal": 59127
},
{
"icon_id": "16135377",
"name": "清华-人员管理off",
"font_class": "fenzu",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "16900329",
"name": "出入院流程",
"font_class": "chuyuandaiyao",
"unicode": "e629",
"unicode_decimal": 58921
},
{
"icon_id": "8288899",
"name": "医生团队",
"font_class": "yishengtuandui",
"unicode": "e858",
"unicode_decimal": 59480
},
{
"icon_id": "3370262",
"name": "医生",
"font_class": "yisheng",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "4450270",
"name": "科室",
"font_class": "keshi",
"unicode": "e67e",
"unicode_decimal": 59006
},
{
"icon_id": "7435060",
"name": "食源性疾病监测",
"font_class": "shiyuanxingjibingjiance",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "17188854",
"name": "年度",
"font_class": "niandu",
"unicode": "e68b",
"unicode_decimal": 59019
},
{
"icon_id": "827988",
"name": "医生",
"font_class": "yisheng1",
"unicode": "e6b2",
"unicode_decimal": 59058
},
{
"icon_id": "1037699",
"name": "预测",
"font_class": "yuce",
"unicode": "e624",
"unicode_decimal": 58916
},
{
"icon_id": "1881568",
"name": "分析",
"font_class": "fenxi",
"unicode": "e668",
"unicode_decimal": 58984
},
{
"icon_id": "1915206",
"name": "预算控制",
"font_class": "icon-test",
"unicode": "e604",
"unicode_decimal": 58884
},
{
"icon_id": "3762527",
"name": "分析",
"font_class": "fenxi1",
"unicode": "e648",
"unicode_decimal": 58952
},
{
"icon_id": "4919907",
"name": "医生",
"font_class": "yisheng666",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "5190649",
"name": "手术订单",
"font_class": "shoushudingdan",
"unicode": "e652",
"unicode_decimal": 58962
},
{
"icon_id": "5484259",
"name": "预算",
"font_class": "yusuan",
"unicode": "e794",
"unicode_decimal": 59284
},
{
"icon_id": "6455673",
"name": "账号管理",
"font_class": "zhanghaoguanli",
"unicode": "e666",
"unicode_decimal": 58982
},
{
"icon_id": "6602265",
"name": "疾病管理",
"font_class": "jibingguanli",
"unicode": "e645",
"unicode_decimal": 58949
},
{
"icon_id": "7414003",
"name": "科室库存管理",
"font_class": "keshikucunguanli",
"unicode": "e60a",
"unicode_decimal": 58890
},
{
"icon_id": "9589363",
"name": "分析",
"font_class": "fenxi2",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "10056219",
"name": "医生",
"font_class": "yisheng2",
"unicode": "e6fa",
"unicode_decimal": 59130
},
{
"icon_id": "10056237",
"name": "科室工作量",
"font_class": "keshigongzuoliang",
"unicode": "e703",
"unicode_decimal": 59139
},
{
"icon_id": "11043288",
"name": "全科医疗科",
"font_class": "quankeyiliaoke",
"unicode": "e67c",
"unicode_decimal": 59004
},
{
"icon_id": "11882440",
"name": "账号管理",
"font_class": "zhanghaoguanli1",
"unicode": "e62d",
"unicode_decimal": 58925
},
{
"icon_id": "14656283",
"name": "软著预测",
"font_class": "ruanzhuyuce",
"unicode": "e733",
"unicode_decimal": 59187
},
{
"icon_id": "15668854",
"name": "科室统计1",
"font_class": "keshitongji1",
"unicode": "e77b",
"unicode_decimal": 59259
},
{
"icon_id": "18683483",
"name": "预算",
"font_class": "yusuan1",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "18916459",
"name": "科室",
"font_class": "keshi2",
"unicode": "e6bd",
"unicode_decimal": 59069
},
{
"icon_id": "19135003",
"name": "02 TPM_预算科目",
"font_class": "02TPM_yusuankemu",
"unicode": "e618",
"unicode_decimal": 58904
},
{
"icon_id": "22952624",
"name": "全科学",
"font_class": "quankexue",
"unicode": "e62e",
"unicode_decimal": 58926
},
{
"icon_id": "24737003",
"name": "疾病",
"font_class": "jibing",
"unicode": "ed13",
"unicode_decimal": 60691
},
{
"icon_id": "2667525",
"name": "导出",
"font_class": "daochu",
"unicode": "e61c",
"unicode_decimal": 58908
},
{
"icon_id": "249355",
"name": "新人指南",
"font_class": "xinrenzhinan",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "11372727",
"name": "银行卡",
"font_class": "yinhangka",
"unicode": "e8bf",
"unicode_decimal": 59583
},
{
"icon_id": "20314574",
"name": "付费管理",
"font_class": "fufeiguanli",
"unicode": "e8af",
"unicode_decimal": 59567
},
{
"icon_id": "1727356",
"name": "22资料、手册-线性",
"font_class": "ziliaoshouce-xianxing",
"unicode": "e898",
"unicode_decimal": 59544
},
{
"icon_id": "1110403",
"name": "箭头 三角形",
"font_class": "jiantou1",
"unicode": "e605",
"unicode_decimal": 58885
}
]
}
src/assets/font/iconfont.css 0 → 100644
@font-face {
font-family: 'PingFang SC';
src: url('./pingfangzhunjian.ttf')
}
\ No newline at end of file
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 to comment