qj-design-icons-vue v0.0.7

qj-design-icons-playground

svg图标管理\

安装

使用包管理器

# 选择一个你喜欢的包管理器

# NPM
$ npm install qj-design-icons-vue
# Yarn
$ yarn add qj-design-icons-vue
# pnpm
$ pnpm install qj-design-icons-vue

注册所有图标

您需要从 @element-plus/icons-vue 中导入所有图标并进行全局注册。

// main.ts

import * as QjDesignIconsVue from 'qj-design-icons-vue'

const app = createApp(App)
for (const [key, component] of Object.entries(QjDesignIconsVue)) {
  app.component(key, component)
}

基础用法

<script
  lang="ts"
  setup
>
// import { icons } from 'qj-design-icons-vue/global'
import { Upload } from 'qj-design-icons-vue'
</script>

<template>
  <Upload class="icon" />
</template>

图标集合