简介
choerodon-ui-font 是一个基于 Font Awesome 的图标库，但更加符合 Choerodon 风格的图标库。该库提供了一系列 Choerodon 风格的图标，可用于前端项目中。使用该库，可以减少图标的引入和管理，提高项目开发的效率。
安装
choerodon-ui-font 可以通过 npm 安装：
npm install choerodon-ui-font --save
使用
在项目的入口文件中，引入 choerodon-ui-font 的 css 文件：
import 'choerodon-ui-font/css/choerodon-icon.css';
在需要使用图标的组件中，可以通过添加 icon 属性来使用 choerodon-ui-font 中的图标：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- ---------------
----- -------- - -- -- -
------- --------------
--
---------
--
------ ------- ---------使用 icon 属性时，可选值为 choerodon-ui-font 中的任意图标名称。
示例
以下是一个使用 choerodon-ui-font 的示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- ---------------
----- -------- - -- -- -
-------
-----------
--------
----------- ----------
------ -------
------- -------
---------- -- --- --- ------- -- -- -------
--
-
----
---------
--
------ ------- ---------该示例中，展示了如何使用 choerodon-ui-font 的图标，并同时自定义了按钮的样式。
总结
在前端开发中，使用 choerodon-ui-font 可以为项目增加一些 Choerodon 风格的图标，使得项目更加美观。同时，使用该库也可以减少图标的引入和管理工作，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2970f13b0ab45f74a8baa4