阿里巴巴矢量库建立自己的项目
将要用的图标加入项目中,下载
下载的文件夹内 iconfont.ttf文件是最重要的
common组件中原本只有一个BaseIcon.ttf,ExtIcon.ttf是自己修改的名字后添加的
icon的读取机制,读取BaseIcon的图标(这两个ttf实际上就是下载下来的iconfont.ttf文件)
在全局中添加
import { Icon } from 'common';
//若无let ExtIcon这一句,icon只能读取基础图标,此处添加type="ExtIcon",读取ExtIcon.ttf的图标
let ExtIcon = Icon.set('ExtIcon', require('assets/fonts/ext/data'));
export default ExtIcon;
图标数据都添加在一个data中
名字:十六进制转十进制
使用组件方法
<Icon name="xxx">