将要用的图标加入项目中，下载
图片.png
下载的文件夹内 iconfont.ttf文件是最重要的
图片.png
图片.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
名字:十六进制转十进制
使用组件方法
<Icon name="xxx">
阿里巴巴矢量库建立自己的项目 将要用的图标加入项目中，下载 下载的文件夹内 iconfont.ttf文件是最重要的...
引入common组件 配置后npm i安装相应的依赖 配置路由 common组件中将react-navigatio...
正常引入icon组件库 此时打包npm run build icons组件占用的资源很多，但是我们用到的icon不...
1 通过禁用组件和启用组件更换 1.1 配置Activity 1.2 配置多个icon Android可以配置多...
结合阿里巴巴icon-font 图标库封装icon组件 步骤 下载icon-font项目包 导入项目下 引入ico...
一、引入Vant 二、因为vform使用的是vite，所以直接配置vite相关内容 三、引入组件 四、定义组件 e...
一、npm installswiper@4.3.3 二、组件中引入和配置 import Swiper from '...
vue icon组件 icon 用的阿里iconfont，在官网项目中生成js文件引入到index.html 书写...
一、全局引入文件 1、先定义共用组件 common.vue 2、在需要使用的地方导入 3、使用 二、main.js...
防抖函数 在common.js中 引入到vue组件中 import{debounce,}from"@/assets...
本文标题：引入common组件及icon配置（二）
本文链接：https://www.haomeiwen.com/subject/omlmcqtx.html
网友评论