网络编程
位置:首页>> 网络编程>> JavaScript>> vue 自定义icon图标的步骤

vue 自定义icon图标的步骤

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

标签:vue,自定义,icon

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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com