feat: 配合unplugin-icons集成iconify图标解决方案
This commit is contained in:
9
src/components/AppIcons/IconLogo.vue
Normal file
9
src/components/AppIcons/IconLogo.vue
Normal file
@@ -0,0 +1,9 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-92.2 312.9c-63.4 0-85.4-28.6-97.1-64.1c-16.3-51-21.5-84.3-63-84.3c-22.4 0-45.1 16.1-45.1 61.2c0 35.2 18 57.2 43.3 57.2c28.6 0 47.6-21.3 47.6-21.3l11.7 31.9s-19.8 19.4-61.2 19.4c-51.3 0-79.9-30.1-79.9-85.8c0-57.9 28.6-92 82.5-92c73.5 0 80.8 41.4 100.8 101.9c8.8 26.8 24.2 46.2 61.2 46.2c24.9 0 38.1-5.5 38.1-19.1c0-19.9-21.8-22-49.9-28.6c-30.4-7.3-42.5-23.1-42.5-48c0-40 32.3-52.4 65.2-52.4c37.4 0 60.1 13.6 63 46.6l-36.7 4.4c-1.5-15.8-11-22.4-28.6-22.4c-16.1 0-26 7.3-26 19.8c0 11 4.8 17.6 20.9 21.3c32.7 7.1 71.8 12 71.8 57.5c.1 36.7-30.7 50.6-76.1 50.6z"
|
||||
></path>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup name="IconLogo"></script>
|
12
src/components/AppIcons/index.js
Normal file
12
src/components/AppIcons/index.js
Normal file
@@ -0,0 +1,12 @@
|
||||
export { default as IconGitee } from '~icons/simple-icons/gitee'
|
||||
|
||||
export { default as IconChart } from '~icons/mdi/chart-bar'
|
||||
export { default as IconGithub } from '~icons/mdi/github'
|
||||
export { default as IconVue } from '~icons/mdi/vuejs'
|
||||
export { default as IconHome } from '~icons/mdi/home'
|
||||
export { default as IconLink } from '~icons/mdi/link-variant'
|
||||
export { default as IconAlert } from '~icons/mdi/alert-circle-outline'
|
||||
export { default as IconCircle } from '~icons/mdi/circle-outline'
|
||||
export { default as IconMenu } from '~icons/mdi/menu'
|
||||
|
||||
export { default as IconLogo } from './IconLogo.vue'
|
Reference in New Issue
Block a user