1 Star 0 Fork 11

houzhanwu / zico

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
Apache-2.0

输入图片说明

一个专为中国开发者而生的跨平台图标解决方案-Powered by zoomla!逐浪CMS团队")](http://ico.z01.com "一个专为中国开发者而生的跨平台图标解决方案")

一个专为中国开发者而生的跨平台图标解决方案

zio是一个非常优秀的webfont与svg图标展示系统,它的目标是让全栈开发者与用户可以自由的任何页面引用矢量级的图标。

你可以点此进入官网浏览详细使用规范: http://ico.z01.com

随着计算机软件技术的进步,人们无论是在开发传统客户端软件、移动APP软件、微信公众号、微信小程序、Facebokk内页,或从事web网站系统的开发,都需要用到图标。

可以说,一个UI交互界面,除了颜色、字体之外,最重要的就是图标系统了,一个好的图标可以让人们对界面(应用)一目了然,并提升业务能力。 当前版本:1.0

获得zico程序包

zico是免费开源的,我们提供了多种便利的安装使用方法

  1. 载离线程序包 你可以点击这里下载最新官方发布程序包 zico官方程序包 我们会不断更新此程序包,以保证其是最新更新,而且它是一个袖珍文件,很快就能下载完成。 下载后,解压开即可使用。

  2. 通过Npm安装 全球流行的Npm安装方式自然是非常简单了,其命令是: npm i zico 这需要你的系统安装了nodeJS,这有一个快速教程:

  1. 通过Github安装 我们还在全球最大的源码开放平台Github上发布,zio源码仓库的访问地址是 https://github.com/zoomla/zico

  2. CDN引用 如果你不想下载和安装,也可以直接CDN引用,只要在网页和应用中中置入zico的CDN源地址即可,其URL请求源为: http://ico.z01.com/zico.min.css 这个网址同时支持SSL,你也可以采用 https://ico.z01.com/zico.min.css 以及自便应模式 //code.z01.com/zico.min.css 都是合法的。

引用文件

由于zio可以在多种场合(如网页开发、app、小程序、客户端、传统设计)中引用,所以不同的软件引用方法各不相同,这里仅以在网页上引用为例,其引用规范为: <link rel="stylesheet" href="css/zico.min.css" > 注意上面文件的路径真实可在,其完整源码结构应该如下图所示: css/ fonts/

在任何你要引用图标的web(移动页面)应用图标

推荐的引用方法是: <i class="zi zi_music"></i>

当然,你也可以使用其它任意你想要的用的标签,如: <span class="zi zi_music"></span> <div class="zi zi_music"></div> <p class="zi zi_music"></p> <a href="#" class="zi zi_music"></a> 上面的方法都是完全适用,而且同样可以输出结果的,是不是很方便^_^

如果你是一个高级web开发者,熟悉Emmet语法,还可以直接用简写的方式,即 .zi.zi_music 形式展开,就能完成快速的应用zico图标。 如下图所示:

接下来,我们将引导讲解一系列深度的应用技巧,其中包括:

  1. 在微信开发中引用zico
  2. 美化zico
  3. 赋予zio动作
  4. 一些优秀的应用技巧

轮子

前辈们说,不要重复制造轮子。 问题是:如果从来没有轮子呢?

那个在半夜三分抠着脚用着外文工具的抠脚大汉,很能成就一个复兴强国的开发重任-当然我们身边更多的是勤奋的中国开发者。

弥补缺位的文化

中国文化大国,以CJK为代表东方文化,有着其独特的文明与传承体系,然而,目前网上没有一个完全以中国人出发、中国人设计、或为中国人设计的web图标应用集(即使是阿里的ICO系统也是零碎的设计师作品集合),无法实现Npm引用,基于SVG的JS输出解决方案也没有。 所以,致力于中国基础软件研发的Zoomla!逐浪软件团队着力开发了这一系统。

中国的元素

纯粹引用外国的,造成很多缺位。 比如八仙桌,方桌。 比如馒头、碗 比如长城,公安局,全都没有。

既拥抱国际、又体现东方之美我们的定位就是开发一个既拥抱国际、又体现东方之美的ICON图标集。 用程序员的思路、服务于程序和全栈,甚至是普通的公文写作、AI设计、图形描绘也能用上这一套工具,所以我们有了CSS引用、JS输出、桌面引用三套方法。

习近平主席说:一个国家和民族,不能总用别人的昨天来装扮自己的明天。 一个强盛的民族,应该有自己的图标集和开发工具。

特色图标

zico图标系统还加簇了中国五百强,包括美的、格力、小米。 我们认为中国的知名企业能够担当起这一份殊荣,以后WEB开发者们在引用知名企业图标时,可以借助zico方便的引用。 (否则靠外国图标靠,是不可能支持包括京东、中国银行、格力、小米这些企业图标的)。 系统同步支持拼音检索、拼简首字母检索、汉字检索、英语检索。

zico基于逐浪图标的元素,力求改变这一目标! 中国技术不能受制于人,文化也同样不应受制于人。

五大特色

我们的图标集特色: 1、覆盖主流图标集 2、有中国元素 3、更好的使用 4、中国服务器引用更快 5、免费开放

对比表格

你一定关心zico图标系统有何不同,这里我们罗列了一些我们与同类产品的对比。

效率对比

我们以微软公司Visual Studio软件为例,来对比两种输入状态的效率,zico在这方面遥遥领先:

与华文领域排名第一的Zoomla!逐浪CMS结合使用

作为web全栈图标引用工具,与CMS结合开发是首要之义。

Zoomla!逐浪CMS是一款基于dotNET技术构建的高端CMS,也是目前华文领域alexa排名第一的web建站产品,不同于国内一众CMS只满足于生产“垃圾流量网站”,逐浪软件产品定位于服务企业级产品,集成电商、APP、微信、OA、办公流、在线组卷等功能,并且是免费开放的。 得益于微软平台黑科技,Zoomla!逐浪CMS的性能也是强大的,其TB级SQL SERVER数据库,是与纽约证券交易所同级别的应用。 逐浪CMS官网:www.z01.com 点击就能免费下载这款功能强大、完全免费的CMS产品,用于构建您的WEB、移动、全栈应用。

引用逐浪CMS标签

部署好Zoomla!逐浪CMS后,您只要引用 {Z L:Boot4()/ } 标签,就能在模板中输出zico文件。

其引用如下图:

在模板中,只要放入标签,如下图:

即能在浏览器引用逐浪CMS内置的zico图标,如下:

其头代码结构:


<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="msapplication-TileColor" content="#1A0066"/>
<meta name="msapplication-TileImage" content="/images/win8_symbol_140x140.png"/>
<title>逐浪CMS_首页</title>
<meta name="Keywords" content="META关键字">
<meta name="Description" content="META网页描述">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<link href="/dist/css/bootstrap4.min.css" rel="stylesheet"/>
<link href="/dist/css/zico.min.css" rel="stylesheet"/>
<script src="/JS/jquery.min.js" ></script>
<script src="/dist/js/popper.min.js"></script>
<script src="/dist/js/bootstrap4.min.js"></script>

每一个Zoomla!逐浪CMS都会集成当时最新的zico源码,值得体验。

真正开放,Github、Npm同步开发,展现中国人的的创造力和产生能力!

捐赠支持

欢迎给我们捐赠,我们珍重并感谢您的回报。

请用微信扫上方赞助码给予我们支持! 如果你需要进一步的联络以及商业赞助,欢迎点此联系我们

捐赠回报

由于zico是开源项目,我们本身没有收益,但我们真诚渴望您的支持,对于赞助者: 1、提供我们站群资源的链接SEO支持。 2、提供专业的项目管理咨询 3、提供一定的技术指导 4、可于社区公开捐赠名单,以兹表扬。 5、对于企业级大额捐赠,开具发票,并提供超额的商业回报。

鸣谢名单(排名不分先后|且不保证为最新披露)

我要买房网&福居百汇(中国威海)孙总 www.5yaomaifang.com

Apache License Version 2.0, January 2004 http://www.apache.org/licenses/ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 1. Definitions. "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document. "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity. "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files. "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types. "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below). "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution." "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work. 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form. 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed. 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions: (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and (b) You must cause any modified files to carry prominent notices stating that You changed the files; and (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License. You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License. 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions. 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file. 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License. 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages. 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability. END OF TERMS AND CONDITIONS APPENDIX: How to apply the Apache License to your work. To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by brackets "[]" replaced with your own identifying information. (Don't include the brackets!) The text should be enclosed in the appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose be included on the same "printed page" as the copyright notice for easier identification within third-party archives. Copyright [yyyy] [name of copyright owner] Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

简介

一个专为中国开发者而生的跨平台图标解决方案,完全支持CSS与js输出,提供webfont与svg两种渲染模式,拥有特色中国图标,兼容小程序、VUE、angulajs引用,中国程序开发的中国原创ICONS图标库,欢迎引用。 展开 收起
JavaScript
Apache-2.0
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/houzhanwu/zico.git
git@gitee.com:houzhanwu/zico.git
houzhanwu
zico
zico
master

搜索帮助