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

angular - scss上的字体问题

我正在使用 ng-packager 创建我自己的带有角度的警报包,它使用 ionicons 包。

包链接是https://www.npmjs.com/package/jtp-alert并且该项目是开放的,并且在https://github.com/jtpdev/ng-alert中。

但是当我安装 jtp-alert 时:

npm install --save jtpdev

我会去使用它,找不到scss文件的字体。

ionicons_not_found

控制台显示:

ionicons_font_console

我无法理解为什么在主路径上搜索字体。

我该怎么办,来解决这个问题。

0 投票
1 回答
1646 浏览

webpack - 无法加载 ionicons 的字体

我的文件夹结构:

网页包:

应用程序.scss:

现在,我在dist文件夹“index.html”中有一个HTML文件

当我使用 chrome 打开它时:file:///D:/Projects/exampleproject/dist/index.html

该页面确实加载了 bootstrap 4 和 ionicons唯一没有字体的 css!它向我展示了这一点:

0 投票
2 回答
1995 浏览

ionic3 - 覆盖 ionic3 ion-icon 的 aria-label

我正在使用 iOS 的 VoiceOver 功能测试我的 Ionic3 应用程序的可访问性。看起来 ion-icon 在其 aria-label 属性中使用了图标的名称,并被大声读出。有没有办法用其他东西覆盖它或抑制图标的 aria-label?

例子...

我有一个这样的按钮:

使用 VoiceOver 将其朗读为“完成我的明信片复选标记圈”。

同样对于选项卡:

被大声读出为“图像轮廓明信片”

在这两种情况下,最好根本不公布图标的名称。但是,很高兴知道如何用自定义文本覆盖它。

0 投票
3 回答
2175 浏览

angular - ionic2 - 在警报控制器标题和按钮中显示离子图标

在 ionic 2 应用程序中,是否可以在警报控制器中添加ion-icon,如下所示

需要在标题和按钮上显示离子图标图像。那可能吗?

我也知道我们可以使用模态来实现这一点。但我的首要任务是在警报控制器中检查它。

谢谢 AK

0 投票
1 回答
411 浏览

laravel - 在我的路线中使用重定向后,不再加载字体 awsome 和 ionicons

我在 laravel 上使用 Admin LTE,我已经使用 npm 安装了 font-awesome 和 ionicons 并使用 laravel mix 将它们包含在内,这两个包都已成功添加到我的 app.css 文件中,但是当我使用来自我的路由的重定向时(即从成功登录重定向到仪表板)似乎不再从 app.css 文件中获取 font-awesome 或 ionicons 并且我返回了这个错误 -

从 '/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.ttf?e18bbf611f2a2e43afc071aa2f4e1512' 重定向到 ' https://c9users.io/_user_content/authorize?redirect=https%3A%2F%2Fp %2Ffonts% 2Fvendor%2Fbootstrap-sass%2Fbootstrap%2Fglyphicons-halflings-regular.ttf%3Fe18bbf611f2a2e43afc071aa2f4e1512' 已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问源“http://”。

我不想允许访问控制并专门使用 laravel mix 来避免这种情况

任何建议将不胜感激

0 投票
2 回答
52 浏览

reactjs - 在 Vue 中重新创建我在 React 中所做的一些事情

我正在处理我自己的个人作品集,我将我的社交媒体保存为模板,以便在 React 中使用此代码。

我试图在将 Vue 用于 ion-social-icons 时创建相同的效果,但我很难弄清楚如何实现它,因为我刚刚收到一个关于使用 v-bind:class 的错误帮助不大。这是我目前正在尝试的。

我对 Vue 也比较陌生。

0 投票
0 回答
192 浏览

javascript - ionicon 存在于 DOM 中但不可见(宽度为 0px)

我想在我的一个页面中显示一个返回的箭头,因为我在没有使用来自 app.component.ts 的 navCtrl 的情况下进入此页面,如此处所述

因此,当我从 app.component.ts 进入此页面时,我将一个标志设置为 true,并在我的模板中有一个条件,该条件显示一个 col-1,里面有一个 backArrow,如果单击会转到另一个页面此标志设置为真。但是这个箭头永远不会显示。我检查了 DOM 中的开发人员控制台,并且 col-1 存在,但箭头的宽度为 0。

这是结果的屏幕:

在此处输入图像描述

这是我的标题:

我在互联网上搜索了几个小时,但从未找到任何相关线程,我看不出是什么原因造成的。任何帮助,将不胜感激。

感谢任何阅读/回答这篇文章的人。

0 投票
1 回答
653 浏览

ipad - 离子图标未显示在 ipad / edge 上

我在身份验证服务后面的 nginx 服务器中部署了一个 stenciljs 组件。为了得到任何东西,请求必须包含一个包含 access_token 的 cookie。该组件在 android 设备和桌面设备的 chrome/firfox/IE11/ 上没有问题。问题出在 microsoft edge 和 ipad(任何导航器)上,这是由于浏览器没有将 cookie 发送到服务器。有什么提示吗?

头文件.tsx

PS:我正在使用模板/核心 v0.15.2

0 投票
1 回答
1067 浏览

react-native - TypeError:Font.isLoaded 不是函数,(在 'Font.isLoaded(fontName)' 中,'Font.isLoaded' 未定义)在 Expo

我正在使用 Expo 31.0.4 和 Expo Vector 图标构建一个 React Native 应用程序。当我使用 Ionicons 构建 TabBar 时,会发生错误。

截屏

请帮助我,谢谢。

0 投票
2 回答
5167 浏览

reactjs - 离子未在本机反应中显示

我正在尝试使用 Ionicons 通过 Tab Navigator 添加图标。

我从 expo/vector-icons 导入它们

然后我将我的屏幕添加到我的导航器

并在 navigationOptions 中启动我的 Ionicons

然后我设置我的 AppContainer 并导出它

我尝试过使用MaterialIcons而不是 Ionicons 来获得相同的结果。我的同行已经成功实现了 ionicons,他们不必使用 AppContainer 来导出他们的导航器,所以我倾向于认为这就是问题所在。

已经有一段时间了,它对我不起作用。