引入common组件及icon配置（二）

阿里巴巴矢量库建立自己的项目

将要用的图标加入项目中，下载

图片.png

下载的文件夹内 iconfont.ttf文件是最重要的

图片.png

common组件中原本只有一个BaseIcon.ttf，ExtIcon.ttf是自己修改的名字后添加的

图片.png

icon的读取机制，读取BaseIcon的图标（这两个ttf实际上就是下载下来的iconfont.ttf文件）

在全局中添加

图片.png

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中

图片.png

名字:十六进制转十进制
使用组件方法