一.在阿里矢量图标库创建自己的项目
点击上传图标至项目
点击下载至本地
就会获得对应的iconfont文件夹
二.将文件夹放在
三.在项目的main.ts中加入
import '@/assets/iconfont/iconfont.css';
三.在需要使用图标的地方
<i class="iconfont icontuichu" ></i>
或
<Button shape="circle" custom-icon="iconfont iconimport" class="btn">
或
//这是使用iview-table时的方法render:(h:any,params:any) => {return h('div',[h('Button',{props:{type:'text',size:'small',customIcon:"iconfont iconcheck"},on:{click:()=>{this.checkDetails(params); }}})])},
总之,在使用图标上 iconfont+对应的图标名即可
如果觉得《如何使用阿里巴巴矢量图标库 创建自己的svg图标库(iview ts)》对你有帮助,请点赞、收藏,并留下你的观点哦!