首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ionic4自定义图标

ionic4自定义图标

作者头像
IT晴天
发布2019-07-19 16:54:44
2.7K1
发布2019-07-19 16:54:44
举报
文章被收录于专栏:ionic3+ionic3+

ionic4的自定义图标使用方式与ionic3很大不同

当前ionic4我只会一种使用方式,其它的还没空研究,操作上很简单:

1. 下载svg文件放在项目目录下,如assets/fonts下面,并改为ios/md前缀:

image.png

2. 打开angular.json文件,找到下面内容,然后添加红框内容(指向上面步骤路径):

image.png

然后大功告成,使用如下:
 <ion-icon name="qianshou" color="primary"></ion-icon>

额外话

其实,图标的下载习惯了这样的方式:

image.png

然而我也不知道如何能无缝地集成到ionic原有的组件中。所以这种方式,要么老实用<i class="iconfont icon">方式,要么基于此封装成自定义图标组件,如有更好的方式,欢迎留言?。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.07.19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 下载svg文件放在项目目录下,如assets/fonts下面,并改为ios/md前缀:
  • 2. 打开angular.json文件,找到下面内容,然后添加红框内容(指向上面步骤路径):
  • 然后大功告成,使用如下:
  • 额外话
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档