0.1.6 • Published 2 years ago
@icon-cool/bk-icon-bkdata v0.1.6
icon-cool
简介
icon-cool项目生成的svg字体资源文件
为什么使用
弹性,在网页或者 app 上,展示字体是很便捷的。用字体图标可以很方便的改变ico 的颜色,或者加入一些其他的效果
可缩放,可以很方便的改变图标的大小
矢量,字体图标是矢量的并且具有独立的分辨率,不管在高分辨率还是低分辨率,不管是在网页还是手机端,都具有很好的展示效果,不会出现锯齿或者马赛克模糊
节省加载时间,字体图标很小,每个小图标只有几kb,大大节省了加载时间
如何使用
- 单色图标
- 项目安装npm包,
npm i @icon-cool/bk-icon-bkdata
- 项目入口js文件处引入css,
import '@icon-cool/bk-icon-bkdata'
- 挑选相应图标并获取类名,如.bk-icon .icon-demo
- 项目安装npm包,
- 彩色图标
- 彩色图标通过svg symbol的方式使用
- 项目安装npm包,
npm i @icon-cool/bk-icon-bkdata
- 项目入口js文件处引入svg资源,
import '@icon-cool/bk-icon-bkdata/src/index'
- 在项目中挑选对应图标的名称使用:
<svg aria-hidden="true"> <use xlink:href="#icon-xxx"></use> </svg>
0.1.4
2 years ago
0.1.6
2 years ago
0.1.5
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.1.0
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.1.3
2 years ago
0.0.15
3 years ago
0.0.14
3 years ago
0.0.13
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.12
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago