Skip to content

Commit dd23f07

Browse files
committed
1.9版全新发布
1 parent 0bede15 commit dd23f07

File tree

5 files changed

+988
-33
lines changed

5 files changed

+988
-33
lines changed

Css引用图标方法.html

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -13,20 +13,18 @@
1313
<!--只要引入一行CSS就可以输出zico的图标-->
1414
<link href="css/zico.min.css" rel="stylesheet" type="text/css">
1515
<!--以下是网页框架-与zico图标系统无关-->
16-
<link rel="stylesheet" href="lib/bootstrap4.min.css" >
16+
<link rel="stylesheet" href="lib/bootstrap.min.css" >
1717
<script src="lib/jquery-3.2.1.min.js" ></script>
1818
<script src="lib/popper.min.js"></script>
19-
<script src="lib/bootstrap4.min.js" ></script>
19+
<script src="lib/bootstrap.min.js" ></script>
2020
<link href="lib/style.css" rel="stylesheet">
2121
</head>
2222
<body>
2323
<div class="jumbotron text-center bg-warning">
2424
<h1><a href="index.html"><i class="zi zi_home"></i></a> zico 逐浪优秀图标集<small class="text-muted">CSS经典方法引用</small></h1>
2525
</div>
2626

27-
28-
29-
27+
<div class="container-xl">
3028
<div class="startContxt"><h1 id="h1-u7B80u4ECB"><a name="简介" class="reference-link"></a><span class="header-link octicon octicon-link"></span>简介</h1><p>zio是一个非常优秀的webfont与svg图标展示系统,它的目标是让全栈开发者与用户可以自由的任何页面引用矢量级的图标。</p>
3129
<p>随着计算机软件技术的进步,人们无论是在开发传统客户端软件、移动APP软件、微信公众号、微信小程序、Facebokk内页,或从事web网站系统的开发,都需要用到图标。</p>
3230
<p>可以说,一个UI交互界面,除了颜色、字体之外,最重要的就是图标系统了,一个好的图标可以让人们对界面(应用)一目了然,并提升业务能力。</p>
@@ -44,17 +42,17 @@ <h1 id="h1--web-"><a name="在任何你要引用图标的web(移动页面)应用
4442
<li>在微信开发中引用zico</li><li>美化zico</li><li>赋予zio动作</li><li>一些优秀的应用技巧</li></ol>
4543
<p>欢迎您继续浏览。</p>
4644
</div>
45+
</div>
4746

4847

4948

5049

5150

52-
53-
<div class=" text-cente">
51+
<div class="container-xl text-cente">
5452
<h1>CSS引用展示:</h1>
5553
</div>
5654

57-
<div class="container">
55+
<div class="container-xl">
5856
分步加载.zi_load:
5957
<i class="zi zi_adjust zi_load zi_2x"></i><br/>
6058

@@ -295,7 +293,7 @@ <h1>CSS引用展示:</h1>
295293
</div>
296294
<div class="Copyright">
297295
<script src="/js/mobile.js"></script><a href="http://app.z01.com/Class_2/NodePage.aspx?url=http://localhost:115/&amp;t=m" style="font-size:30px;" data-toggle="tooltip" data-placement="top" title="" target="_blank" data-original-title="本网站支持手机访问,点此模拟手机并获得访问"><img style="width:15px;" src="data:image/gif;base64,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" alt=""></a>
298-
Copyright &copy; 2018 Zoomla!CMS. All Rights Reserved 逐浪CMS®软件旗下<a href="http://www.73ic.com" target="_blank">73ic去上</a> 提供云计算服务 <a href="http://ico.z01.com/Item/1353.aspx">[版权申明]</a><br>
296+
Copyright &copy; 2020 Zoomla!CMS. All Rights Reserved 逐浪CMS®软件旗下<a href="http://www.73ic.com" target="_blank">73ic去上</a> 提供云计算服务 <a href="http://ico.z01.com/Item/1353.aspx">[版权申明]</a><br>
299297
<a href="https://opensource.org/licenses/MIT" target="_blank">遵循 MIT 开源协议</a>
300298
</div>
301299
</div>

PC桌面软件引用.html

Lines changed: 66 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44
<meta charset="utf-8">
55
<title>Zoomla Font Ico示例</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" >
7-
<link rel="stylesheet" href="lib/bootstrap4.min.css" >
7+
<link rel="stylesheet" href="lib/bootstrap.min.css" >
88
<link href="css/zico.min.css" rel="stylesheet" type="text/css">
99
<script src="lib/jquery-3.2.1.min.js" ></script>
1010
<script src="lib/popper.min.js"></script>
11-
<script src="lib/bootstrap4.min.js" ></script>
11+
<script src="lib/bootstrap.min.js" ></script>
1212
<style>
1313
span{display: block;margin-top:2rem;}
1414
</style>
@@ -18,7 +18,7 @@
1818
<h1>Zoomla Font icon 逐浪优秀图标集</h1>
1919
</div>
2020

21-
<div class="container">
21+
<div class="container-xl">
2222
分步加载.zi_load:
2323
<i class="zi zi_adjust zi_load zi_2x"></i><br/>
2424

@@ -71,7 +71,7 @@ <h1>Zoomla Font icon 逐浪优秀图标集</h1>
7171
</div>
7272

7373
<hr>
74-
<div class="container">
74+
<div class="container-xl">
7575
<div class="row">
7676
<div class="col">
7777
<span>酒杯:</span>
@@ -93,10 +93,9 @@ <h1>Zoomla Font icon 逐浪优秀图标集</h1>
9393
</div>
9494
</div>
9595
</div>
96-
97-
9896
<hr>
99-
<div class="container" style="font-size: 3rem;">
97+
98+
<div class="container-xl" style="font-size: 3rem;">
10099
<span>180524上午测</span>
101100
<i class="zi zi_glass"></i>
102101
<i class="zi zi_music"></i>
@@ -224,7 +223,7 @@ <h1>Zoomla Font icon 逐浪优秀图标集</h1>
224223

225224
<hr>
226225

227-
<div class="container" style="font-size: 3rem;">
226+
<div class="container-xl" style="font-size: 3rem;">
228227
<span>180525上午</span>
229228
<i class="zi zi_greatWall"></i>
230229
<i class="zi zi_batteryEmpty"></i>
@@ -973,8 +972,60 @@ <h1>Zoomla Font icon 逐浪优秀图标集</h1>
973972
<i class="zi zi_father"></i>
974973
<i class="zi zi_mom"></i>
975974
<i class="zi zi_mother"></i>
976-
977-
975+
<i class="zi zi_kiipstick"></i>
976+
<i class="zi zi_Chinesecalendar"></i>
977+
<i class="zi zi_lips"></i>
978+
<i class="zi zi_lipline"></i>
979+
<i class="zi zi_squirrel"></i>
980+
<i class="zi zi_pine"></i>
981+
<i class="zi zi_Medicalscissors"></i>
982+
<i class="zi zi_lifeHelicopter"></i>
983+
<i class="zi zi_Maledoctor"></i>
984+
<i class="zi zi_Femaledoctor"></i>
985+
<i class="zi zi_headnurse"></i>
986+
<i class="zi zi_nursestation"></i>
987+
<i class="zi zi_stretcher"></i>
988+
<i class="zi zi_infusionbed"></i>
989+
<i class="zi zi_emergencydoctor"></i>
990+
<i class="zi zi_woundplacard"></i>
991+
<i class="zi zi_pregnantfetus"></i>
992+
<i class="zi zi_radiationsign"></i>
993+
<i class="zi zi_nose"></i>
994+
<i class="zi zi_grandfather"></i>
995+
<i class="zi zi_father"></i>
996+
<i class="zi zi_mom"></i>
997+
<i class="zi zi_mother"></i>
998+
<i class="zi zi_kangfau"></i>
999+
<i class="zi zi_liuyedao"></i>
1000+
<i class="zi zi_gugj"></i>
1001+
<i class="zi zi_fesi"></i>
1002+
<i class="zi zi_duilian"></i>
1003+
<i class="zi zi_qiao"></i>
1004+
<i class="zi zi_gongqiao"></i>
1005+
<i class="zi zi_feixing"></i>
1006+
<i class="zi zi_xuanfengsan"></i>
1007+
<i class="zi zi_shuilongtou"></i>
1008+
<i class="zi zi_shuilongtou2"></i>
1009+
<i class="zi zi_fengche"></i>
1010+
<i class="zi zi_jujia"></i>
1011+
<i class="zi zi_baitianjujia"></i>
1012+
<i class="zi zi_lijia"></i>
1013+
<i class="zi zi_wanshanjujia"></i>
1014+
<i class="zi zi_jujiawifi"></i>
1015+
<i class="zi zi_kou"></i>
1016+
<i class="zi zi_dotKe"></i>
1017+
<i class="zi zi_kouzao"></i>
1018+
<i class="zi zi_touxiju"></i>
1019+
<i class="zi zi_gelijia"></i>
1020+
<i class="zi zi_workjia"></i>
1021+
<i class="zi zi_feiganrang"></i>
1022+
<i class="zi zi_jujliren"></i>
1023+
<i class="zi zi_xiaoduye"></i>
1024+
<i class="zi zi_qingjiye"></i>
1025+
<i class="zi zi_dotteam"></i>
1026+
<i class="zi zi_bingdu"></i>
1027+
<i class="zi zi_shadu"></i>
1028+
<i class="zi zi_xijuGanrang"></i>
9781029

9791030
</div>
9801031

@@ -1428,7 +1479,11 @@ <h1>Zoomla Font icon 逐浪优秀图标集</h1>
14281479
<i class="zi zi_tmYelp"></i>
14291480
<i class="zi zi_tmYoutubesquare"></i>
14301481
<i class="zi zi_tmYoutube"></i>
1431-
1482+
<i class="zi zi_tmWeihaifb"></i>
1483+
<i class="zi zi_tmAlipay"></i>
1484+
<i class="zi zi_tmGitee"></i>
1485+
<i class="zi zi_tmVue"></i>
1486+
<i class="zi zi_tmPowerShell"></i>
14321487
</div>
14331488

14341489

SVG矢量图标输出.html

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,6 @@ <h1>图标体系</h1>
4747
水平投影:
4848
<i class="zi zi_filePic zi_flipLevel"></i>
4949

50-
51-
5250
<hr>
5351
垂直投影(翻转)
5452
<i class="zi zi_filePic zi_flipVertical"></i>
@@ -71,8 +69,6 @@ <h1>图标体系</h1>
7169
<i class="zi zi_tmWeihaifb zi_2x"></i>
7270
<i class="zi zi_tmYoutube"></i>
7371

74-
75-
7672
<hr>
7773
动作:
7874
<p>
@@ -84,10 +80,8 @@ <h1>图标体系</h1>
8480
<i class="zi zi_checkcircle zi_load" zico="圆打勾"></i>
8581
</p>
8682

87-
88-
8983
<section class="icoColor">
90-
<div class="container">
84+
<div class="container-xl">
9185
<h3>自由定义你的颜色于展现</h3>
9286
<span>极其便利的定义图标颜色 --&gt;</span>
9387
<code>&lt;i class="zi zi_baseballball" zico="棒球" style="color: red"&gt;&lt;/i&gt;</code>

0 commit comments

Comments
 (0)