- 在iconfont添加你想要的图标到购物车
2.下载至本地
3. 打开下好的文件夹里面 找到iconfont.css和iconfont.js文件 分别将以下标红内容复制到 原有项目的iconfont.css和iconfont.js文件内,就可以使用了
iconfont.js 里的函数过长就不截图展示了,全部内容复制过去就是了
iconfont.css里复制以下内容
4.这里注明一下iconfont彩色图标使用
与普通图标使用的新增步骤:
在main.js应该导文件
import './assets/icon/iconfont.js'
在结构中应该按照以下使用
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhuroufu" />
</svg>
同时添加以下样式
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}