vue 自定义icon图标的步骤

作者:Jim-vue 时间:2024-04-30 10:37:15 

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图标的步骤

来源:https://www.cnblogs.com/huoshengmiao/p/15118512.html

标签:vue,自定义,icon
0
投稿

猜你喜欢

  • PyInstaller将Python文件打包为exe后如何反编译(破解源码)以及防止反编译

    2021-03-17 16:31:22
  • Python中Turtle库改变画笔(海龟)方向的两种方法总结

    2022-04-21 11:09:52
  • go语言数据结构之前缀树Trie

    2023-08-05 18:15:50
  • Python光学仿真学习处理高斯光束分布图像

    2022-09-11 05:29:50
  • ASP开发10条经验总结

    2007-09-30 13:36:00
  • 如何使用python wasmtime调用rust生成的wasm库

    2023-11-26 23:58:38
  • thinkPHP引入类的方法详解

    2024-06-05 09:45:55
  • python命令行解析之parse_known_args()函数和parse_args()使用区别介绍

    2023-10-05 01:49:54
  • php实现的三个常用加密解密功能函数示例

    2023-07-20 06:25:52
  • 新手如何发布Python项目开源包过程详解

    2023-02-27 13:08:05
  • js实现文字列表无缝滚动效果

    2024-04-19 10:16:12
  • python中global用法实例分析

    2023-09-16 08:33:47
  • 详解Oracle修改字段类型方法总结

    2024-01-20 22:40:26
  • 计算Python Numpy向量之间的欧氏距离实例

    2022-08-14 08:21:56
  • 分享Bootstrap简单表格、表单、登录页面

    2024-04-10 13:50:42
  • 五步让你成为GO 语言高手

    2023-06-16 18:00:41
  • mysql分表和分区的区别浅析

    2024-01-23 13:43:16
  • python 爬取B站原视频的实例代码

    2023-03-06 04:08:43
  • 浅谈用户注册表单

    2008-11-13 12:27:00
  • 安装navicat最新详细流程

    2024-01-24 08:49:50
  • asp之家 网络编程 m.aspxhome.com