ion-icon

觀察默認的使用

關於Ion-icon 圖標的自定義，首先，看一看默認內置的圖標的顯示，是怎么來的

可以看到默認的路徑為：/svg/ios-xxx.svg

自定義實現

那么這種路徑是哪里來的，明顯是angluar的路由解析過來的，所以，在根目錄的anguluar.json中去找相應的配置

可以看到，這個/svg的路徑就是這里配置的，那么，添加自定的icon訪問，就順理成章了

我們首先添加一個自定義的配置

{

"glob": "**/*.svg",

"input": "src/assets/svg",

"output": "./svg"

}

即默認找不到的時候，在我們添加的這里面去找，就是命名的格式

 

圖標的命名

這里的命名要跟默認的一樣：

將svg放入src/assets/svg 中

 

注意事項

注意1：svg文件的名字叫ios-xxx.svg和md-xxx.svg
注意2：圖標在tab使用時outline時需要變暗，svg的名字命名為xxx-outline.svg 而不是ios-xxx-outline.svg或md-xxx-outline.svg