失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 如何使用阿里巴巴矢量图标库 创建自己的svg图标库(iview ts)

如何使用阿里巴巴矢量图标库 创建自己的svg图标库(iview ts)

时间:2024-08-03 15:43:30

相关推荐

如何使用阿里巴巴矢量图标库 创建自己的svg图标库(iview ts)

一.在阿里矢量图标库创建自己的项目

点击上传图标至项目

点击下载至本地

就会获得对应的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)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。