问题标签 [ionicons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
101 浏览

wordpress - 一些css更改后wordpress图标消失了

我的 WordPress 网站未正确显示图标。有一些数字而不是图标。请查看网站http://scisocialgrid.org/

当我对 skin.min.css 进行一些更改时发生此错误。我稍后上传一个新文件以解决问题,但仍然无法出现图标。

0 投票
3 回答
123 浏览

javascript - 意外的离子行为

考虑这段代码。我无法弄清楚它为什么会这样。我所需要的只是每次单击<td>. <td>当我在图标内部但在图标本身外部单击时,它的行为符合预期。但是,如果我单击图标本身,它第一次表现良好,然后停止。

'离子图标被包裹在<a>标签中,它是元素的子<td>元素。事件侦听器在 上<td>,那么可能是什么问题?

谢谢。

0 投票
1 回答
888 浏览

cordova - 基于平台的离子图标(不起作用)

我正在制作一个 Ionic/cordova 应用程序,我正在尝试使用 Ionic 图标。我注意到在使用“ios”命名时,它可以完美运行,但在使用通用名称或 md 名称时却不行。在这些情况下,看不到任何图标。我想让它自动选择每个平台的最佳图标(根据文档应该做什么)

选项卡示例

我有第一个选项卡的代码:

=> 图标可见

但是当使用通用或材料设计名称时:

=> 图标不见了

按钮示例

<button class="button button-icon ion-person-outline"></button>=> 没有图标
<button class="button button-icon ion-ios-person-outline"></button>=> 有效
其他图标(如条形码和列表)的行为相同。

有一个没有 ios 的例外情况,那就是“加号”图标:
<button class="button button-icon ion-plus"></button>=> 有效!'
很奇怪,根据我应该使用的文档ion-add,但这也没有给出任何图标。

使用离子图标

使用 ion-icons 根本没有图标(当我检查 DOM 时,它还显示宽度和高度为 0)
<ion-icon name="add"></ion-icon>=> 没有图标
<ion-icon name="plus"></ion-icon>=> 没有图标


作为参考,我正在使用 Visual Studio、Cordova CLI 6.2.0 并且文件 /css/ionic.app.css 显示“Ionicons,v2.0.1”

我究竟做错了什么?

0 投票
2 回答
1194 浏览

css - IonIcons 删除间距

如何删除离子图标顶部和底部的间距?

我在我的 html 中使用它:

<div><i className="close ion-ios-close-empty" /></div>

这是所有离子的默认样式:

关闭类如下:

在此处输入图像描述

我没有添加任何样式,我只是增加了字体大小,但图标显示在照片上。

有什么办法可以去掉顶部和底部的间距吗?

0 投票
0 回答
34 浏览

windows - 有没有人设法在 Windows 中将自定义图标添加到 Ionic 中?

我参考这里的说明

我做了什么(在 Windows 上):

  1. 通过网络而不是“brew”安装 fontforge

  2. 通过 Ruby GEM 安装 SASS

  3. 将 my-icon.svg 放在 src/ 中(位于 ionicons-master 中)

  4. 运行 python ./builder/generate.py

我觉得我很封闭。直到我看到这个错误信息: 在此处输入图像描述

windowsError: 系统找不到指定的文件

当我看到这个链接的最后一篇文章时,我想我更接近了 但是,我不明白这意味着什么。我下载了.exe,但它不起作用。

它是仅适用于 MAC 的 python 构建吗?有没有人设法在 Windows 中完成这项工作?

0 投票
3 回答
1782 浏览

css - 如何将 CSS transform-scale 与 ionicons 一起使用?

我有这个简单的片段,其中有四个按钮和一个 CSS 比例变换:

如您所见,第一个和最后一个按钮在中间带有离子图标,而不是我使用font awesome

为什么比例变换不适用于离子?

0 投票
0 回答
79 浏览

css - 将driftyco 的premuim ionicons 导入到ionic2 应用程序中

GitHub 链接:github.com 我找到了 Driftyco 的 ionicons 存储库,我想使用它。

我已经下载它并将文件ionicons.css和文件夹fonts导入到我的文件夹/src/assets中,并将css文件插入其中/src/index.html

我还将fontscss文件中的目录更改为正确的位置。当我在我的代码中写这个时,<i class="icon ion-home"></i>什么都没有发生。

好像没认出来

请帮忙 :)

0 投票
1 回答
930 浏览

ionic-framework - ionic2 卡片和图标未显示

我对 Ionic 并不陌生,但不幸的是我无法弄清楚为什么会这样。

我正在尝试在新创建的项目上创建一个简单的卡片列表,但它们似乎不起作用。我尝试分别使用图标和卡片,但这似乎也不起作用。

正如我所说,我创建了一个全新的项目,具有标准的“home-about-etc”模板,并将 home.html 文件中的 HTML 替换为带有卡片的 div。这是代码:

这是目前正在调查的一个常见问题吗,因为我真的不知道我可能做错了什么,因为我刚刚创建了这个全新的项目并直接从 v2 复制粘贴了卡片模板网站?

编辑:

Home.ts 类的代码:

非常感谢!

0 投票
3 回答
13162 浏览

ionic-framework - 在ionic2中使用带有标签的自定义图标

我需要在 ionic 2 中使用带有标签的海关图标。

此外,如果选择了选项卡,我需要更改标题颜色和图标。

例子:

离子标签

0 投票
1 回答
3137 浏览

angular - ionic 2 后退按钮或任何图标未显示。只显示小框图标

我在许多屏幕上都面临这个图标问题。例如。我有一个屏幕,我在导航栏的左侧添加了一些图标。但它根本没有显示图标。仅显示小后箱。这是我的代码:

我也用这个:

但没有用。仍然显示黑色小框图标。

好的,现在我尝试使用推送导航。但是它没有显示后退按钮。这是我的代码:

我的 home.html :

我的家.js

但是当我移动到时,LoginPage我看不到后退按钮图标。我仍然看到那个小黑框图标。这里是那个图像:

在此处输入图像描述

请帮帮我。我错过了什么。

谢谢