我试图在我的HTML页面中使用离子图标,但图标不显示

时间:2017-08-08 11:00:23

标签: ionic-framework icons

我正在尝试在HTML页面中使用离子图标。但图标没有显示。 我正在将<link src="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" src_type="url" rel="stylesheet" type="text/css"/>关联到我的网页。

使用图标:<i class="ion-close-round"></i> 我是编程新手。那么,有什么帮助吗?

4 个答案:

答案 0 :(得分:0)

如果你使用离子,它将作为

的使用
<ion-icon name="something"></ion-icon>

列表,网格,col和html标签。首先检查package.json "ionicons": "3.0.0",是否存在..如果不存在,请将此值放在package.json文件中。

答案 1 :(得分:0)

如果您想在Ionic Icons中添加更多图标,可以添加font awesome library。在项目document中安装此库非常有用且简单。

答案 2 :(得分:0)

在下面使用,您将获得星形图标。

deleteIfMigrationNeeded()

您也可以使用按钮中的星形图标

<i class = "icon icon ion-star"></i>

试试吧。

答案 3 :(得分:0)

我遇到了类似的问题,这是我如何解决的: 我去了https://github.com/ionic-team/ionicons 并下载了docs文件夹。

它包含以下文件夹:

  • css
  • 字体
  • Ionicons / svg

我下载了它,并将其放在开发环境的根目录下的文件夹中。 现在,我将样式表链接到我在头部下载的文件夹中

在这种情况下,我将下载的所有内容都放在了“ Ionicons”文件夹中

从现在起,您可以在页面的任何地方使用爱奥尼亚斯

通过使用内联元素