ionic4 中使用 阿里巴巴 iconfont 字体库

2019-03-15  本文已影响0人  莫名点

1. ionic4 使用icon的使用方式

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

在使用iconfont的时候传统的方式是不行的

2. ionic4 icon 的方式使用iconfont

下载svg图片 根据这个目录找到svg文件夹 将刚才下载的文件改名为ios-aa.svg 放在svg文件夹中

3.在index.esm.js 中导入ios-aa.svg   然后在结尾导出 iosAa

导入ios-aa.svg

4. 在index.esm.d.ts 中定义ios-aa类型

定义类型

3.在index.esm.js 中导入ios-aa.svg   然后在结尾导出 iosAa

导出iosAa

5.修改去掉ios-aa.svg 的fill的填充 

去掉填充色

6.使用的方式去掉ios-的前缀直接用

tabs的使用 单独使用 选中状态 未选中状态
上一篇下一篇

猜你喜欢

热点阅读