我有 ios 和 android 的自定义图标,名称为“md-usb.svg”和“ios-usb.svg”。
我已将 android 图标复制到文件夹
android\app\src\main\assets\public\svg
对于标准图标 md-bluetooth.svg,我找到了 7 个目录。哪个适合ios,哪个适合android?
在我使用的 html 中
<ion-icon *ngIf="item.active" md="md-usb"> slot="start"></ion-icon>
我在文档中发现我们应该使用资产文件夹,但该文件夹在项目下也存在多次。
您要查找的文件夹不是隐藏在项目深处的文件夹。
从您app
编写所有代码的文件夹中,只需上一个文件夹并将其放在那里src\assets
这之间app
,并environments
在我的项目。
看来您要做的是替换ion-icon
默认使用的实际 svg 文件。
这不是这样做的方法。
如果您尝试此操作,则下次发布新的 ion-icons 版本时它将被重置。
您应该将资产放在本地文件夹中\src\assets\icon.svg
,然后像这样使用它:
<ion-icon src="assets/icon.svg"></ion-icon>
这似乎还有一个额外的问题,那就是自定义文件支持似乎没有平台支持。
所以如果你想为每个平台使用不同的图标,它会变得更加复杂。
从广义上讲,我认为这需要将变量绑定到 src 之类的[src]="iconPath"
,然后通过使用platform
.
更新 - 是的,我刚刚检查了代码。如果src
设置了该属性,则它仅使用该属性并忽略该属性,mode
因此您必须处理为离子图标之外的平台设置正确的图标。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句