Skip to content

图标

本框架前端基于 Gi-Demo 前端模板开发,提供了 SVG 图标处理方案,并提供了图标选择器。

SVG 图标

名称位置
GiSvgIconsrc/components/GiSvgIcon

基于 vite-plugin-svg-icons 实现的 SVG 图标处理方案,配置文件位置:config/plugins/svg-icon.ts

使用 SVG 图标前,只需要将对应图标 SVG 文件放到 src/assets/icons 目录下即可。(需要重启项目)

使用方式:

vue
<GiSvgIcon name="SVG 文件名称" :size="图标大小(默认20)" />

图标选择器

名称位置
GiIconSelectorsrc/components/GiIconSelector

使用方式:

vue
<GiIconSelector v-model="xxx" />

1

2