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

angularjs-directive - 离子菜单按钮未出现

我使用命令创建了离子项目

我希望该应用程序如下所示。

在此处输入图像描述 然而,当我运行它时,菜单按钮丢失了。我猜它正在使用这个标签在标题中创建:

在此处输入图像描述

我能够构建和模拟项目而没有任何错误,所以我想知道我是否做错了什么以及是否有人可能对如何解决这个问题有提示(我是 Ionic 和 AngularJS 的新手) .

0 投票
1 回答
7461 浏览

ionic-framework - Ionicons:如何添加自定义图标?

如何将自定义图标添加到 ionicons?我还没有找到一步一步的指示该怎么做。有许多非常基本的图标(例如段落图标)不是由 ionicons 提供的,所以我不得不自己添加它们。

0 投票
1 回答
499 浏览

web-applications - Ionicons 显示在 Web 应用程序中,但图标未在混合移动应用程序中正确显示

ionicons 在混合移动应用程序中显示为带边框的框,但图标在 Web 应用程序中完美显示。我提到了一些没有显示的离子,但它没有帮助。

0 投票
4 回答
15175 浏览

javascript - 在页面上旋转离子图标

我想用箭头显示方向,并考虑使用标准离子箭头作为方向。我可以以某种方式将向上箭头旋转到任何方向吗?

这是来自以下评论的尝试

0 投票
1 回答
511 浏览

css - Ionicons working for Chrome but not for Safari

I can't seem to find out why this is working for Chrome, but not for Safari.

It should look like this:

Should look like this

But in Safari it looks like the following:

enter image description here

I can see that the font gets loaded, but the computed font (in console) is Sans-serif.

enter image description here

In Chrome it does show the correctly used font family

enter image description here

0 投票
0 回答
474 浏览

cordova - 温泉 UI 不显示图标 (wp8)

我正在使用 onsen ui 框架在 Cordova 中使用移动应用程序。

在 windows phone 应用程序上生成 apk 后,它可以正常工作,但根本不显示图标。我只使用 Ionicons,而不使用 Font Awesome。

在其他平台(Android、IOS)上,图标可以正常工作。

任何人都可以给我一些建议吗?谢谢。

0 投票
3 回答
2877 浏览

ionic2 - 如何在我的 Ionic 2 项目中安装 ionicons

当我尝试做(例如)

我看到该图标没有出现,尽管它已在http://ionicons.com/中列出。我想可能是我的项目的图标没有更新,所以我想从网站下载包并安装。

解压后我不知道该怎么做。我在论坛中尝试了该建议,但建议转到“www”目录中的“lib”文件夹。但是,在我的项目中,我没有看到任何“lib”目录。我尝试使用回购站点上的说明,但在我的情况下它再次令人困惑(我认为)。

0 投票
0 回答
1030 浏览

css - 如何自定义离子占位符图标

我有一个文本输入,用于在带有放大镜占位符图标的页面上搜索产品。在不同的页面上,我有一个专门用于接收条形码数据的文本输入。

我想通过使用条形码图标作为占位符图标来区分这些,但是占位符图标似乎专门使用 Ionicon 字体而不是 CSS 或其他东西中定义的图标。

有没有办法定义一个可以用作占位符图标的自定义图标?

我有这样定义的自定义选项卡图标:

我可以像这样在代码中引用这些: <ion-tab title="Lookup" ui-sref="tab.lookup" icon-off="gmSearchOff" icon-on="gmSearchOn">

我尝试将其定义为图标名称.icon.barcode并像这样引用它:

但是,这会创建一个空的占位符。此外,在尝试更改占位符图标的颜色时,我发现它采用占位符文本颜色或文本框填充颜色,这让我认为它实际上是使用字体定义而不是图标定义。

0 投票
1 回答
1584 浏览

html - ionicons 用图标替换复选框和单选按钮

Ionicons在一个项目中使用,并用这些图标替换了收音机和复选框的标准图像。我遇到的问题是实际的默认项目在渲染时通过 Ionicons 显示。

我有以下 HTML:

我还有以下 CSS:

但是,尽管复选框/单选按钮行为正确,但我可以在离子图标下方看到标准项目。这是由于图标具有透明背景吗?

我尝试将不透明度更改为 100%,但没有帮助。

0 投票
2 回答
448 浏览

django - Heroku中没有显示离子图标

我在 Django 1.8、OSX 和 Chrome 中工作。我在渲染模板中包含的一些离子未显示在 Heroku(暂存环境)中。我相当确定我已在 css 和字体文件 ( 30464569 ) 中正确链接/包含图标,因为它们在 localhost、cPanel 以及在该人自己的网站上发布时显示得很好。此外,如果我使用 Safari,它们甚至会出现在 Heroku 上!这里发生了什么?

我已经阅读了一堆关于此的 SO 帖子,但大多数人都在引用其他字体包 ( 29687388 ) 或 ( 14366158 )、其他框架 ( 25982037 ) 或 ( 21472458 ),或者完全缺少图标 ( 27766015 )。

编辑后包含 HTML(来自 Django 模板)

我不愿意发布代码,因为它不是一个公共项目,但这里有两张图片显示了这个问题:

LocalHost 上的图标

Heroku 上的图标

关于如何解决这个问题的任何想法?我需要我的用户在发布他们的网站之前看到准确的预览,而这个图标问题已经让他们头疼了一个多星期。

谢谢!莎拉