2017-08-08 41 views
0

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

并使用图标:<i class="ion-close-round"></i> 我对编程非常陌生。那么,有什么帮助?

+3

在这里分享你的代码 –

+0

如何分享.. ?? – Azhar

+0

[去那里怎么问](https://stackoverflow.com/help) –

回答

0

如果使用离子的,它将作品列表中,网格,山坳,和html标签的

<ion-icon name="something"></ion-icon> 

使用。首先检查package.json "ionicons": "3.0.0",是否存在。如果不是,请将此值放入package.json文件中。

+0

如果你想使用更多的图标除了离子图标,你可以添加字体真棒图书馆[链接](fontawesome.io/)。要在你的项目中安装这个库[链接](https://www.thepolyglotdeveloper.com/2016/03/use-font-awesome-icons-in-your-ionic-2-android-and-ios-app/)文件非常有用和简单。 –

+0

谢谢你..我会尝试 – Azhar

0

如果你想使用更多的图标除了离子图标,你可以添加font awesome library。要在您的项目document中安装此库是非常有用和简单的。

+0

我不知道这是如何帮助海报与非显示图标完全... – Steve

0

使用下面你会得到星形图标。

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

您还可以使用星形图标按钮在

<button class="button button-icon button-clear ion-star">Shopping Cart</button> 

的方式就用它试试。

+0

它的工作..谢谢你 – Azhar

相关问题