某些离子子未显示

Question

我注意到我在cordova项目中使用的某些图标未显示在我的任何设备上。无效的图标名称中似乎带有ios或android一词（例如：ion-android-list或ion-ios-book-outline）。有什么想法为什么他们只是空白？到目前为止，我使用通用名称的任何图标都可以正常工作（例如，ion-clock，ion-card）。我从此处获取的图标名称：ionicons

我已经在我的index.html文件中添加了它：

<link href="lib/ionic/css/ionic.css" rel="stylesheet">

Answer 1

显然，当使用CMD中的ionic start来构建离子应用时，离子的最新版本将加载过时的图标库v1.5.2（最新版本为v2.0.0）。

• 要更新字体，请访问最新的ionicons网站并下载。
• 解压缩并导航到/ fonts目录，并将这4个文件复制到应用程序的www / lib / ionic / fonts目录（覆盖）。
• 对scss文件夹执行相同操作，然后粘贴到www / lib / ionic / scss / ionicons（覆盖）。
• 最后从解压缩的zip文件/css/ionicicons.css中打开ionicons.css文件，然后将该文件的内容复制到www / lib / ionic / css / ionicons.css（注意：请确保您进行编辑并且仅替换了现有的字体版本大约占据前1500-2000行，您将看到注释指示）

Answer 2

看起来您正在使用Ionic，而不仅仅是Cordova。

您可以对即将发行的Ionic进行部分升级，其中包括Ionicons v2：

1. 从latest nightly下载/ config / lib / fonts和/ scss / ionicons到/ www / lib文件夹中的相应位置

2. 确保本地安装了gulp：npm install gulp

3. 运行ionic setup sass（注意：先进行备份，以免发生变化，请备份ionic.project文件）

4. 将/ www / lib / ionic / css中的文件替换为/ www / css中的新文件（需要重命名）。

5. 修复这些复制文件中的相对路径：将../lib/ionic/fonts替换为../ fonts

我敢肯定有一种更简单的方法，但这对我有用。有人制作了feature suggestion，用于始终使离子子保持最新状态。

---

更新：

Ionicons v2尚不支持动画图标（ion-spinner将替代）。这是让他们回来的技巧：

https://github.com/driftyco/ionicons/issues/111#issuecomment-65788526

您需要将display:inline-block添加到动画类上才能在Android上使用。

Answer 3

对于较新的版本，只需使用：

<ion-spinner></ion-spinner>

更多：ion-spinner

Answer 4

我有同样的问题。最简单的解决方法：

删除www/ionic/fonts和www/ionic/scss/ionicons目录。

然后从您的项目根目录运行ionic lib update。

Answer 5

我想如果是V5则可能是有关离子的使用版本，或者如果@ionic/angular的是V5，则需要使用版本5而不是4的离子（它们具有不同的名称）。