vue使用icon,vue怎么使用iconfont

  vue使用icon,vue怎么使用iconfont

  本文主要介绍vue自定义图标的步骤,大致分为两步。通过实例和图片的结合非常详细的介绍给你。有需要的朋友可以参考一下。

  Ant-design-vue自定义使用Ali iconfont icon \

  步骤1:从iconfont获取项目js链接

  第二步:添加到需要引用iconfont的页面。

  在Deom中使用:

  a

  font type= icon-zutaishitu /

  /a

  从“ant-design-vue”导入{ Icon };

  const Fonts=icon . createfromiconfontcn({

  script URL:“//at . alicdn . com/t/font _ 2731654 _ ew 9 hs 5g 22 se . js”

  })

  导出默认值{

  组件:{

  字体

  }

  }

  效果:

  这就是这篇关于vue自定义图标的文章。有关vue自定义图标的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: