GoFly企业版里的阿里图标如何增加自定义图标到后台

1.在使用的vue页面引入图标组件

2.在具体位置使用

3.使用选择icon组件

import { IconPicker ,Icon} from '@/components/Icon';

在使用位置的组件,返回图标名称

4.使用 Arco Design 内置的图标

直接去 arco官网图标组件 找到相应的图标名称

5.使用阿里图标 

阿里iconfont 搭建自己图标库,新建项目需要注意如下:

(1)配置 FontClass/Symbol 前缀为:svgfont-

(2)配置 Font Family 为 iconfont

GoFly企业版里的阿里图标如何增加自定义图标到后台_第1张图片

(3)将生成好的图标复制.js文件放到项目index.html文件中

6.参数说明

参数名

描述

类型

默认值

其他

icon

图标名称

string

--

size

大小

number

18

spin

是否旋转

bool

false

color

颜色

string

prefix

前缀

string

你可能感兴趣的:(javascript,vue.js,GoFly快速开发框架)