企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 阿里巴巴图标库&结合commonIcon组件的使用 1. 第一步:选择所在项目,上传UI提供的svg图标 ![](https://box.kancloud.cn/928a5d266efd35f84fd8831134d776ca_1972x508.png) 2.第二步:上传图标后并且命名后,下载到本地 ![](https://box.kancloud.cn/ebaa01f2c66036ab6180070c01b75648_1936x512.png) 3.第三步:下载到本地后文件夹,取箭头所指的五个文件,更新本地项目路径“src/assets/icons/”下面的五个文件。 ![](https://box.kancloud.cn/1657944da2aceb93f7880134645bd93a_630x450.png) **本地项目字体图标更新完毕** > 这里写的是fontclass图标使用方式,如果需要用多色图标,则只需要更新iconfont.js文件即可。 ***** #### 使用commonIcon组件 > 这个组件支持iView内置图标和自定义图标 > 如果是使用iView内置的图标,则使用方法和使用iView的Icon组件一样; > 如果是自定义图标,则需要在名字前加上下划线_。 > 该组件实际是对iView内置Icon组件和自定义图标组件Icons的结合,而用来区分这两者的就是type属性开头是否带有下划线。 > 组件属性包含: > ![](https://box.kancloud.cn/13f71463832154d773f5be1fcb4bb04f_626x298.png)