如何在Ionic 2项目中安装离子

时间:2016-03-17 14:16:32

标签: ionic2 ionicons

当我尝试做(例如)时

<ion-icon name="university"></ion-icon>

虽然已在http://ionicons.com/列出,但我看到该图标并未显示。我想可能是我的项目的图标没有更新一个,所以我想从网站下载包并安装。

解压后,我不知道怎么做。我在forum中尝试了这个建议,但有人建议你去找&#39; lib&#39;文件夹在&#39; www&#39;目录。但是,在我的项目中,我没有看到任何&#lib;&#39;目录。我尝试了repo site的说明,但我的情况再次令人困惑(我认为)。

3 个答案:

答案 0 :(得分:4)

我今天遇到了同样的问题。 我意识到一些Ionic 2 Icons已被重命名。 例如,在您的情况下:

<ion-icon name="university"></ion-icon>

成为:

<ion-icon name="school"></ion-icon>

我会建议其他任何面临同样问题的人仔细查看新的Ionic 2图标。

答案 1 :(得分:2)

当你start you Ionic 2 project with pre-generated content,不是空白时,Ionicons应该从一开始就在工作。

唯一的诀窍是Ionicons.com上陈述的图标名称与名称相同

,例如:

Ionicon settings 设置图标:

Ionicons中的

ion-android-settings

Ionic 2文档中的

md-settings

答案 2 :(得分:1)

您需要从站点获取离子,然后将其解压缩,然后在项目目录中移动scss文件夹的内容。然后,您只需将它们导入到项目主题目录中的app.core.scss文件中。

看看http://tphangout.com/?p=199(那里给出了简单的说明)。