图标
本框架前端基于 Gi-Demo 前端模板开发,提供了 SVG 图标处理方案,并提供了图标选择器。
SVG 图标
名称 | 位置 |
---|---|
GiSvgIcon | src/components/GiSvgIcon |
基于 vite-plugin-svg-icons
实现的 SVG 图标处理方案,配置文件位置:config/plugins/svg-icon.ts
。
使用 SVG 图标前,只需要将对应图标 SVG 文件放到 src/assets/icons
目录下即可。(需要重启项目)
使用方式:
vue
<GiSvgIcon name="SVG 文件名称" :size="图标大小(默认20)" />
图标选择器
名称 | 位置 |
---|---|
GiIconSelector | src/components/GiIconSelector |
使用方式:
vue
<GiIconSelector v-model="xxx" />