更新记录

0.0.3(2021-02-05)

新增

  • 支持uni_modules引入插件

0.0.2(2021-02-04)

更新日志

[0.0.2] - 2021-2-4

新增

  • 支持Nvue,且新增了示例项目
  • 新增了类名JS集合,有需要的用户可以把类名JS放到CDN中,就无需放到本地了

删除

  • 删除了原先的css文件,也剔除了原版的图标大小类名

0.0.1(2021-01-28)

  1. 版本号 0.0.1 -2021-1-28
查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.1 app-vue app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
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,组件中已经处理好前缀,不用担心类名冲突的问题

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问