自动注册iconfont字体图标
安装
npm install vue3-auto-iconfont
使用
- 引入
import Vue3AutoIconfont from 'vue3-auto-iconfont'
- 配置
//在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')- 组件使用
<template>
<vue3-auto-iconfont name="icon-tuichu"></vue3-auto-iconfont>
</template>API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| name | iconfont图标名称 | String | - |
| size | iconfont图标大小 | Number | 16 |
| color | iconfont图标颜色 | String | #000 |
示例
<template>
<vue3-auto-iconfont name="icon-tuichu" color="red" size="30"></vue3-auto-iconfont>
</template>注意
1、找到我的资源中我的项目
