vue3-auto-iconfont
v1.0.1
Published
自动导入iconfont图标
Downloads
6
Readme
自动注册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、找到我的资源中我的项目 2、找到我的项目中的Symbol 3、name的值