问题标签 [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 回答
27 浏览

angular - 在 Angular 动画中使用相同的触发器名称和相同的变量名称

我有一堆向下箭头图标,我需要旋转 180 度,我使用 Angular Animations 来执行此操作

我有 5 个使用相同的 @arrowRotationon 触发器和相同的变量“状态”的图标,在函数中我称之为

它可以工作,但是当我单击一个图标时,它会旋转所有 5 个图标,并且我不想为每个触发器创建 5 个不同的变量或 5 个不同的触发器名称来做同样的事情,任何人都知道单击时只旋转一个箭头的方法?

0 投票
1 回答
64 浏览

css - 具有不同轮廓重量的图标 - 是否可以调整?

我并排使用 3 个 Ionicons:

如下图所示,第一个图标看起来比其他图标更亮。

在此处输入图像描述

这是我可以调整的吗?

0 投票
1 回答
399 浏览

css - 我们如何自定义离子图标?选择图标时

当我使用自定义离子图标时,我想为两个不同的外观使用相同的图标。我该怎么做?

在此处输入图像描述

这是我要自定义的图标

我现在使用波纹管方法。但不能使用它填充图标。

这是svg文件

0 投票
1 回答
865 浏览

cors - 使用 CDN 中的 Ionicons 时如何解决 CORS 问题?

我已经使用以下文件建立了一个非常基本的 Web 项目:

  • 索引.html
  • 样式.css
  • 脚本.js

我在我的 html 文件的头部包含了以下行:

我在我的 html 文件中使用这样的图标:

该图标显示正确,但现在我在预览项目时收到 CORS 错误。

从原点“ http://127.0.0.1:5500 ”访问“ https://unpkg.com/ionicons@4.5.10-0/dist/fonts/ionicons.woff2?v=4.5.9-1 ”字体已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。

不知道为什么我现在收到错误,而它以前工作得很好。任何想法如何解决这个问题?谢谢。

0 投票
1 回答
968 浏览

angular - 缓存图标 Ionic PWA Angular

我想知道是否有人可以帮助我。我使用 Ionic + Angular 开发 PWA 并使用 Firebase 托管它。事实是当我失去互联网时,离子图标绝望......我无法弄清楚如何修改我的 ngsw-config.json 以使其正常工作..

这是我的 Service Worker 配置文件

0 投票
1 回答
50 浏览

html - 如何让刻度转到短文本行的左侧(见截图) HTML & CSS

刻度的屏幕截图
您好,
从我的屏幕截图中可以看出,我试图让蓝色刻度(这是一种字体样式)位于文本的左侧,而不是像屏幕截图中那样位于文本上方。
这是我的代码,忽略了我也有 ionicons v2 字体的事实(https://ionicons.com/v2/):)
我没有写很多帖子,所以请随时询问更多信息。
谢谢大家!

0 投票
3 回答
2904 浏览

angular - Ionicons 在 Ionic4 中返回 404

我今天更新了 npm,并注意到来自ionicons.com的许多 Ionic 图标返回 404 错误。我找到了一种解决方法(基本上,修改 angular.json 文件)。我对此不太满意,因为我担心每次更新时都会遇到同样的问题(和其他问题),考虑到这个文件一定是由我所做的更新自动修改的。我该如何解决?

在此处输入图像描述

离子信息

0 投票
3 回答
4485 浏览

angular - Ionicons 版本 5 带角度

如何将 ionicons 版本 5 添加到 angular,版本 4.5 有一个可用的 scss,我可以以这种方式使用,但现在在版本 5 中,ionicons 使用 svgs 并且不知道如何将它与 angular 集成。

当前方法在 angular.json

然后在我的 app.component.ts 中(我正在使用星云 UI) https://akveo.github.io/nebular/docs/guides/register-icon-pack#register-icon-pack

我在问题中看到带有角度的离子它们添加

但我不知道如何继续

0 投票
2 回答
1704 浏览

ionic-framework - Ionicons 从 v4 升级到 v5 导致不显示任何图标

我最初确实将此代码添加到我的index.html

要使用最新版本的 ionicons,但现在当我从 index.html 中删除该行时,我的所有 ionicons 都不再出现。我正在运行ionic cordova run android以在物理设备上对其进行测试。

ionic info

angular.json

package.json

0 投票
1 回答
89 浏览

html - 未找到带有 css 类定义的 html 图标

调试网页时,页面上显示一个图标,但找不到类定义!例如,下面的代码使用一个类“icon icon-md ion-md-power”,libray 应该包含这个类来使用这个图标。欢迎任何教程,因为我是网络编程的新手!