问题标签 [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 投票
0 回答
245 浏览

ionic-framework - 图标关闭/图标打开图标不适用于 ionic 1 中的通知

我正在使用离子 1。下面是离子信息。

全局包:

本地包:

我的项目有标签。问题是选项卡 1 正在工作(带有文本的图标),但选项卡 2 仅显示文本而不显示图标。

tab1 正在工作

标签 2 不工作

见下图(产品宽度图标丢失): 在此处输入图像描述 提前致谢..

0 投票
1 回答
295 浏览

javascript - 无法从十六进制数字创建图标

我希望能够获取一个字符串,例如f37f"\uf37f"从我的函数返回。字符串对应于图标。

如果我return "\uf37f"的功能有效,但如果我尝试这个它不起作用:

该图标显示为文本。我不能简单地连接"\u"和我的图标,因为这会引发hexadecimal digit expected错误。

0 投票
2 回答
1030 浏览

ionic-framework - 离子 - 显示错误的图标

我正在尝试将来自ionicons.com的图标合并到我的应用程序中。我确实从 github 下载了代码并添加到了我的应用程序中,但是我遇到了问题。我将图标类定义为ion-alert并显示ion-android-add-circle。这也适用于其他图标。查看图片:

我的代码片段,我在其中设置了带有ion-alert类 的图标我的代码片段

命令后ionic serve我得到这个输出:在 ionic serve 命令之后

0 投票
0 回答
1405 浏览

reactjs - 如何在 React 中的 onClick 事件上应用动画

我想用IonIcons库创建添加到收藏夹按钮。我将icon nameandanimation state置于 React 状态。

然后我想改变那些有onClick功能的。但由于某种原因,动画不起作用。没什么特别的,只是真假。

状态是正确的。如果我控制台记录它:

  • 点击前:{icon: "md-heart-outline", iconAnimation: false}
  • 点击后:{icon: "md-heart", iconAnimation: true}

但是没有应用动画。图标发生变化,这很好,但动画不起作用。

我的代码如下:

状态:

在渲染函数中,我有一个IonIcon组件如下:

功能handleFavorites如下:

0 投票
1 回答
248 浏览

materialize - 离子未出现在 Materialise 中

我正在尝试在 Materialise 的按钮中使用 Ionicons,但它没有出现,而是我得到了一个奇怪的框。

这就是我得到的 -

在此处输入图像描述

0 投票
2 回答
2302 浏览

css - 在 Ionic 3 中将图标与文本垂直对齐

我正在尝试将 Ionic 图标放在文本右侧并使它们垂直居中,但我无法做到这一点。我正在尝试avg-rating使用这样的 flex 布局来对齐内部的内容:

这是我的 SASS:

正如您在此处看到的,这些项目没有对齐。我习惯于使用 CSS 和 Web 应用程序,这总是有效的,但在这里似乎并没有像我预期的那样工作。知道我在做什么错吗?谢谢。

在此处输入图像描述

0 投票
2 回答
1318 浏览

ionic2 - 如何更改类似于 ios-outline 的材料设计的 ion-icon?

我只想使用 ion-icon,但是对于不同的设备,它们的制作方式不同,例如,如果我们寻找通知 ion-icon,然后我们会找到 ion、ios-outline 和材料设计。在材料设计中,所有图标都用黑色填充,我想在我的材料设计中使用类似于 ios-outline 图标。

我该如何使用它们?

在此处输入图像描述

0 投票
1 回答
1405 浏览

angular - 切换到 @IonicPage 组件时,离子图标不再显示

将我的页面更改为延迟加载(通过带有单独模块的@IonicPage)后,所有离子都消失了。直接在 app.module.ts 中声明组件时,一切正常。

我确实找到了使用 web components 的解决方法,但它非常麻烦,我仍然认为这要么是一个错误,要么我不知道如何导入正确的模块,或者没有按预期创建结构。

这就是我使用离子的方式:

它应该是什么样子: 图标可见(没有延迟加载的页面)

切换到单独的模块和@IonicPage 组件后,图标不再可见: 图标不可见(延迟加载页面)

我还创建了一个包含所有细节的问题: https ://github.com/ionic-team/ionicons/issues/526

我的问题是:我们是否需要在代码中显式导入离子子作为模块?如果是这样,我该怎么做。

非常感谢您的任何帮助,在此先感谢您。

0 投票
1 回答
7545 浏览

ionic-framework - 如何在 ion-icon ios-thumbs-up-outline 中填充颜色

我正在使用 ion-icon 作为

.html

当我这样做时,图标的轮廓变为红色,但我想在图标内的空白处填充红色。

你可以看到下面的图片:

在此处输入图像描述

0 投票
1 回答
1435 浏览

vis.js-network - Vis js ionicons节点在选择时改变颜色

我是 Vis.js 和 JavaScript 的新手,但我愿意学习。我使用的节点在悬停或选择时会改变颜色。如果我使用像“点”或“方形”这样的形状,那没关系,但我想用像离子图标这样的图标来获得相同的行为。以下代码显示了我希望如何让它工作(使用选项设置)。我计划使用selectNodehoverNode事件并更新组(需要为选定或悬停的节点创建特定组),但我认为有一种更简单的方法来完成它。你能给我一些建议吗?这是我的代码: