问题标签 [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.
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文件的字体。
控制台显示:
我无法理解为什么在主路径上搜索字体。
我该怎么办,来解决这个问题。
webpack - 无法加载 ionicons 的字体
我的文件夹结构:
网页包:
应用程序.scss:
现在,我在dist文件夹“index.html”中有一个HTML文件
当我使用 chrome 打开它时:file:///D:/Projects/exampleproject/dist/index.html
该页面确实加载了 bootstrap 4 和 ionicons唯一没有字体的 css!它向我展示了这一点:
ionic3 - 覆盖 ionic3 ion-icon 的 aria-label
我正在使用 iOS 的 VoiceOver 功能测试我的 Ionic3 应用程序的可访问性。看起来 ion-icon 在其 aria-label 属性中使用了图标的名称,并被大声读出。有没有办法用其他东西覆盖它或抑制图标的 aria-label?
例子...
我有一个这样的按钮:
使用 VoiceOver 将其朗读为“完成我的明信片复选标记圈”。
同样对于选项卡:
被大声读出为“图像轮廓明信片”
在这两种情况下,最好根本不公布图标的名称。但是,很高兴知道如何用自定义文本覆盖它。
angular - ionic2 - 在警报控制器标题和按钮中显示离子图标
在 ionic 2 应用程序中,是否可以在警报控制器中添加ion-icon,如下所示
需要在标题和按钮上显示离子图标图像。那可能吗?
我也知道我们可以使用模态来实现这一点。但我的首要任务是在警报控制器中检查它。
谢谢 AK
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 来避免这种情况
任何建议将不胜感激
reactjs - 在 Vue 中重新创建我在 React 中所做的一些事情
我正在处理我自己的个人作品集,我将我的社交媒体保存为模板,以便在 React 中使用此代码。
我试图在将 Vue 用于 ion-social-icons 时创建相同的效果,但我很难弄清楚如何实现它,因为我刚刚收到一个关于使用 v-bind:class 的错误帮助不大。这是我目前正在尝试的。
我对 Vue 也比较陌生。
javascript - ionicon 存在于 DOM 中但不可见(宽度为 0px)
我想在我的一个页面中显示一个返回的箭头,因为我在没有使用来自 app.component.ts 的 navCtrl 的情况下进入此页面,如此处所述。
因此,当我从 app.component.ts 进入此页面时,我将一个标志设置为 true,并在我的模板中有一个条件,该条件显示一个 col-1,里面有一个 backArrow,如果单击会转到另一个页面此标志设置为真。但是这个箭头永远不会显示。我检查了 DOM 中的开发人员控制台,并且 col-1 存在,但箭头的宽度为 0。
这是结果的屏幕:
这是我的标题:
我在互联网上搜索了几个小时,但从未找到任何相关线程,我看不出是什么原因造成的。任何帮助,将不胜感激。
感谢任何阅读/回答这篇文章的人。
ipad - 离子图标未显示在 ipad / edge 上
我在身份验证服务后面的 nginx 服务器中部署了一个 stenciljs 组件。为了得到任何东西,请求必须包含一个包含 access_token 的 cookie。该组件在 android 设备和桌面设备的 chrome/firfox/IE11/ 上没有问题。问题出在 microsoft edge 和 ipad(任何导航器)上,这是由于浏览器没有将 cookie 发送到服务器。有什么提示吗?
头文件.tsx
PS:我正在使用模板/核心 v0.15.2
reactjs - 离子未在本机反应中显示
我正在尝试使用 Ionicons 通过 Tab Navigator 添加图标。
我从 expo/vector-icons 导入它们
然后我将我的屏幕添加到我的导航器
并在 navigationOptions 中启动我的 Ionicons
然后我设置我的 AppContainer 并导出它
我尝试过使用MaterialIcons
而不是 Ionicons 来获得相同的结果。我的同行已经成功实现了 ionicons,他们不必使用 AppContainer 来导出他们的导航器,所以我倾向于认为这就是问题所在。
已经有一段时间了,它对我不起作用。