@ithinkdt/icon

Ag Icons

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文件
• [ ] 不同的尺寸并展示，提供使用
• [ ] 不同的样式： 添加边框、背景、旋转功能