您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

vue 自定义icon图标的步骤

51自学网 2022-05-02 21:35:04
  javascript

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

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

第二步 在需要引用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内容请搜索wanshiok.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持wanshiok.com!


js学习笔记之class类、super和extends关键词
简单谈谈JavaScript寄生式组合继承
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1