阿里iconfont在vue,react中引用及使用

1.下载下来所需要的icon,解压后得到文件:
阿里iconfont在vue,react中引用及使用_第1张图片
2.将文件放到项目里面:

在react.js里面:

在public里面新建一个文件夹iconfont(无要求),将文件放进去
阿里iconfont在vue,react中引用及使用_第2张图片
index.html中引用

如果不是本地运行,可以全局配置PUBLIC_URL


在组件中应用:
简单应用,icon不变化情况下:

icon可配置,可以修改变化,此处icon为可变化参数:

在Vue.js里面:

在asssets中新建一个文件夹iconfont(无要求),将文件放进去
阿里iconfont在vue,react中引用及使用_第3张图片
在组件中应用:
在组件中引入

import '../assets/iconfont/iconfont.css';

简单应用,icon不变化情况下:

icon可配置,可以修改变化,此处i~~~~con为可变化参数

你可能感兴趣的:(vue.js,react.js,javascript)