欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue 自定义icon图标的步骤

程序员文章站 2024-01-23 15:59:04
ant-design-vue自定义使用阿里iconfont图标\第一步:从iconfont获取项目js链接第二步 在需要引用iconfont的页面处加入在deom中使用: ...

ant-design-vue自定义使用阿里iconfont图标\

第一步:从iconfont获取项目js链接

vue 自定义icon图标的步骤

第二步 在需要引用iconfont的页面处加入

在deom中使用:
 <a>
     <fonts type='icon-zutaishitu'/>
 </a>
import { icon } from ‘ant-design-vue';

 const fonts = icon.createfromiconfontcn({
     scripturl: '//at.alicdn.com/t/font_2731654_ew9hs5g22se.js'
 })

 export default {
     components: {
         fonts
     }
}

效果:

vue 自定义icon图标的步骤

到此这篇关于vue 自定义icon的文章就介绍到这了,更多相关vue 自定义icon内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!