ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

图标替换

Browse Source
yanzili 3 years ago
parent 813f36619c
commit c1e2fa5c29
9 changed files with 2240 additions and 2179 deletions
Show Stats Download Patch File Download Diff File

4
report-ui/config/dev.env.js
Unescape Escape View File

@ -4,6 +4,6 @@ const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, { module.exports = merge(prodEnv, {
NODE_ENV: '"development"', NODE_ENV: '"development"',
BASE_API: '"http://127.0.0.1:9095"' // BASE_API: '"http://127.0.0.1:9095"'
// BASE_API: '"http://10.108.26.197:9095"' BASE_API: '"http://10.108.26.197:9095"'
}) })

67
report-ui/src/assets/iconfont/demo_index.html
Unescape Escape View File

@ -1,13 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>iconfont Demo</title> <title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
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="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="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css"> <link rel="stylesheet" href="iconfont.css">
@ -37,12 +34,10 @@
} }
</style> </style>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1> </a></h1>
<div class="nav-tabs"> <div class="nav-tabs">
@ -52,14 +47,25 @@
<li class="dib"><span>Symbol</span></li> <li class="dib"><span>Symbol</span></li>
</ul> </ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1513211" target="_blank" <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1513211" target="_blank" class="nav-more">查看项目</a>
class="nav-more">查看项目</a>
</div> </div>
<div class="tab-container"> <div class="tab-container">
<div class="content unicode" style="display: block;"> <div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe72e;</span>
<div class="name">仪表盘-抄表</div>
<div class="code-name">&amp;#xe72e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe851;</span>
<div class="name">南丁格尔玫瑰图</div>
<div class="code-name">&amp;#xe851;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe631;</span> <span class="icon iconfont">&#xe631;</span>
<div class="name">展 开 </div> <div class="name">展 开 </div>
@ -672,9 +678,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1624613153423') format('woff2'), src: url('iconfont.woff2?t=1624933667537') format('woff2'),
url('iconfont.woff?t=1624613153423') format('woff'), url('iconfont.woff?t=1624933667537') format('woff'),
url('iconfont.ttf?t=1624613153423') format('truetype'); url('iconfont.ttf?t=1624933667537') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@ -700,6 +706,24 @@
<div class="content font-class"> <div class="content font-class">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont iconyibiaopan-chaobiao"></span>
<div class="name">
仪表盘-抄表
</div>
<div class="code-name">.iconyibiaopan-chaobiao
</div>
</li>
<li class="dib">
<span class="icon iconfont iconnandinggeermeiguitu"></span>
<div class="name">
南丁格尔玫瑰图
</div>
<div class="code-name">.iconnandinggeermeiguitu
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont iconzhankai"></span> <span class="icon iconfont iconzhankai"></span>
<div class="name"> <div class="name">
@ -1618,6 +1642,22 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconyibiaopan-chaobiao"></use>
</svg>
<div class="name">仪表盘-抄表</div>
<div class="code-name">#iconyibiaopan-chaobiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconnandinggeermeiguitu"></use>
</svg>
<div class="name">南丁格尔玫瑰图</div>
<div class="code-name">#iconnandinggeermeiguitu</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzhankai"></use> <use xlink:href="#iconzhankai"></use>
@ -2468,5 +2508,4 @@
}) })
</script> </script>
</body> </body>
</html> </html>

14
report-ui/src/assets/iconfont/iconfont.css
Unescape Escape View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 1513211 */ font-family: "iconfont"; /* Project id 1513211 */
src: url('iconfont.woff2?t=1624613153423') format('woff2'), src: url('iconfont.woff2?t=1624933667537') format('woff2'),
url('iconfont.woff?t=1624613153423') format('woff'), url('iconfont.woff?t=1624933667537') format('woff'),
url('iconfont.ttf?t=1624613153423') format('truetype'); url('iconfont.ttf?t=1624933667537') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,14 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.iconyibiaopan-chaobiao:before {
content: "\e72e";
}
.iconnandinggeermeiguitu:before {
content: "\e851";
}
.iconzhankai:before { .iconzhankai:before {
content: "\e631"; content: "\e631";
} }

2
report-ui/src/assets/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

14
report-ui/src/assets/iconfont/iconfont.json
Unescape Escape View File

@ -5,6 +5,20 @@
"css_prefix_text": "icon", "css_prefix_text": "icon",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "16466332",
"name": "仪表盘-抄表",
"font_class": "yibiaopan-chaobiao",
"unicode": "e72e",
"unicode_decimal": 59182
},
{
"icon_id": "15872322",
"name": "南丁格尔玫瑰图",
"font_class": "nandinggeermeiguitu",
"unicode": "e851",
"unicode_decimal": 59473
},
{ {
"icon_id": "11990084", "icon_id": "11990084",
"name": "展 开 ", "name": "展 开 ",

BIN
report-ui/src/assets/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
report-ui/src/assets/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
report-ui/src/assets/iconfont/iconfont.woff2
View File

Binary file not shown.

4
report-ui/src/views/report/bigscreen/designer/tools.js
Unescape Escape View File

@ -4469,8 +4469,8 @@ const widgetTools = [
{ {
code: 'WidgetPieNightingaleRoseArea', code: 'WidgetPieNightingaleRoseArea',
type: 'chart', type: 'chart',
label: '饼图-南丁格尔-面积', label: '南丁格尔玫瑰图',
icon: 'iconicon_tubiao_bingtu', icon: 'iconnandinggeermeiguitu',
options: { options: {
// 配置 // 配置
setup: [ setup: [

Write Preview
Loading…
Cancel
Save