更新记录
0.0.3(2021-02-05)
新增
0.0.2(2021-02-04)
更新日志
[0.0.2] - 2021-2-4
新增
- 支持Nvue,且新增了示例项目
- 新增了类名JS集合,有需要的用户可以把类名JS放到CDN中,就无需放到本地了
删除
- 删除了原先的css文件,也剔除了原版的图标大小类名
0.0.1(2021-01-28)
- 版本号 0.0.1 -2021-1-28
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.1 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
i-icon图标集-最优质且统一风格的图标库,源于remixicon
特点
- remixicon提倡全部开源,免费商用。
- 每一个图标都由remixicon成员绘制,设计统一。
- i-icon组件隶属于i-uniapp组件库,i-icon组件单独维护。
- CDN引入,无需引入繁琐的字体等文件。
- 支持NVue, Vue, 小程序,H5
使用说明
安装之后会在components目录下多一个i-uniapp的文件夹,文件夹结构如下:
-i-icon
-js
-- icon.js
- i-icon.vue
- readme.md
为了保证icon引入方便,我们可以利用easycom来自动引入:
page.json:
"easycom": {
"autoscan": true,
"custom": {
"^i-icon": "@/components/i-icon/i-icon.vue"
}
},
组件提供如下props参数:
props |
类型 |
说明 |
name |
String |
图标名 |
color |
String |
颜色填充/red/#fff |
size |
String |
大小:px/rpx/upx |
示例:
<i-icon size="16px" color="#0067F5" name="lock-line"></i-icon>
图标类名请在remixicon中搜索
提示: 不要在name中写入图标库的前缀ri,组件中已经处理好前缀,不用担心类名冲突的问题