如何更改类似于ios-outline的材料设计的离子图标?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何更改类似于ios-outline的材料设计的离子图标?相关的知识,希望对你有一定的参考价值。

我想只使用ion-icon但是这些对于不同的设备是不同的,例如,如果我们寻找通知ion-icon,那么我们找到离子,ios-outline和材料设计。在材料设计中,所有图标都填充了黑色颜色,我想在材料设计中使用类似于ios-outline图标的颜色。

我该如何使用它们?

enter image description here

答案

好问题。要使用图标的ios版本,您需要使用ios-前缀,如<ion-icon name=ios-notifications"></ion-icon>。但是,某些图标在ios上不可用,因此您需要参考ionic reference site

另一答案

您可以使用名称来使用ios图标,在本例中为<ion-icon name=ios-notifications"></ion-icon>。请注意,这只会使用一个图标,而不是通过平台更改以匹配每个平台上的常用图标。

如果你只想使用iOS版本,那么这个Ionic Framework Reference将告诉你如何做到这一点。

以上是关于如何更改类似于ios-outline的材料设计的离子图标?的主要内容,如果未能解决你的问题,请参考以下文章

Android:如何使用 XML drawable 创建精确的材料设计阴影

如何在 AngularJS 材料设计中创建简单的搜索输入文本?

如何更改材料设计导航抽屉中汉堡图标的颜色

如何创建与 C++ 一起使用的离线数据库

如何将材料设计应用于文件输入标签?

如何在android材料设计风格中创建按钮阴影