目前遇到个需求,需要在伪类中显示icon图,于是就想到了unicode图标
那么怎么将unicode图标引入项目呢?
进入阿里矢量图库:
选一个图标,加入购物车,将图标加入项目
进入项目:
选择unicode下载到本地:
在assets文件夹下创建fonts文件夹;将如下文件复制进去:
在main.js引入或者在页面文件引入:
import '@/assets/fonts/iconfont.css';
页面中使用:
div:before { font-family: "iconfont"; content:"e6e4"; }
OK