createFromIconfontCN ant-design/icons-vue
时间: 2024-11-29 17:13:29 浏览: 23
antd-iconfont:无需使用alicdn即可使用Ant Design的iconfont
`createFromIconfontCN` 是 Ant Design Vue 中的一个实用函数,它允许你在 Vue 项目中方便地集成阿里巴巴矢量图标库 Iconfont-CN。这个函数通常用于从 Iconfont 的 CDN URL 或者本地 iconfont 文件中加载并注册 icons,使得在组件中可以使用 `<icon>...</icon>` 的语法来显示相应的图标。
Ant Design 提供了一套简洁易用的图标系统,`icons-vue` 包含了对这一功能的支持。例如,你可以这样做:
```javascript
import { createIconComponent } from 'ant-design-icons-vue';
const MyIcon = createIconComponent({
name: 'my-icon-name',
// 如果是从 CDN 引入
iconUrl: '//at.alicdn.com/t/font_867605_ba2qo7n4y9i.png',
// 或者是从本地引入
component: {
default: () => import('@/assets/icon/my-icon.vue')
}
});
```
然后在模板中就可以直接使用 `<MyIcon />` 显示图标了。
阅读全文