vue3-auto-iconfont v1.0.1

自动注册iconfont字体图标

安装

npm install vue3-auto-iconfont

使用

1. 引入

import Vue3AutoIconfont from 'vue3-auto-iconfont'

2. 配置

//在main.ts中全局注册使用
import { createApp } from 'vue'
import App from './App.vue'
import vue3AutoIconFont from '../lib/vue3-auto-iconfont.es.js'
// url是你在iconfont项目中的Symbol中的js链接
createApp(App).use(vue3AutoIconFont, { url: 'xxxx.js' }).mount('#app')

3. 组件使用

<template>
 <vue3-auto-iconfont name="icon-tuichu"></vue3-auto-iconfont>
</template>

API

示例

<template>
 <vue3-auto-iconfont name="icon-tuichu" color="red" size="30"></vue3-auto-iconfont>
</template>

注意

1、找到我的资源中我的项目 2、找到我的项目中的Symbol 3、name的值