1. 文档

ICON在线文档地址

2. 项目中添加新图标

• 克隆项目到本地
• 新建个自己的分支
• 将svg图标添加到icons文件夹内
• 运行yarn run build-reserved
• 修改package.json中的版本最后一位数字加1（目前为非稳定版，暂时加这位）
• 提交合并请求到master分支
• jenkins构建发布

新项目中集成icon

下载

yarn add  @agilines/icon

用法

• Icon font

  • 引入css

  Angular在angular.json的style中引入

  "node_modules/@agilines/icon/font/ag-icons.css",

  • html中直接使用

  <i class="ag ag-alarm-fill-deep"></i>

开发ICON库

npm i
npm start

Then open http://localhost:4000 in your browser.

Npm scripts

| Script | Description | | --- | --- | | start | 启动项目， docs-serve的别名 | | docs-serve | 启动项目 | | update-icon | 更新icon | | pages-build | 根据图标生成图标的markdown内容 | | icons-build | 打包svg | | dist-build | 生成dist包 |

TODO LIST

文档： https://agilines.feishu.cn/sheets/shtcnV1KMpbo26ukkndosYsQX0e

• [ ] 文档页面：固定分类和搜索，提供按分类、标签过滤
• [ ] 类别和标签在SVG中添加，打包时自动读取并填写进 markdown文件
• [ ] 不同的尺寸并展示，提供使用
• [ ] 不同的样式： 添加边框、背景、旋转功能