更新记录

1.0.2(2020-07-01) 下载此版本

兼容支付宝小程序 支付宝小程序请使用class方式 支付宝不支持unicode 编码 。 新版修改成 除支付宝小程序外优先显示 unicode 如果没有type的话则使用iconfont
iconfont 可兼容支付宝小程序

使用时把 文件夹 U-Icon 改成 Icon 就可以不import 注册组件了

上面 太多字不想看的话,直接 用iconfont属性就ok了

1.0.1(2020-06-30) 下载此版本

nodes 改成数组形式

1.0.0(2020-05-12) 下载此版本

一血

查看更多

平台兼容性

参数名 必填 类型 说明
type type iconfont 二选一 unicode 字体图标的unicode码
iconfont type iconfont 二选一 class iconfont的class样式
size string 字体大小(px)
color string 颜色,色值,rgb

使用例子

复制代码
<!-- unicode -->
<Icon type="&#xe633;" size="100" color="#ccc" />

<!-- class -->
<Icon size="100" iconfont='iconstatus-test' color="#ccc" />
  • 需要修改的地方
复制代码
// 在线
    // @font-face {
    //   font-family: 'iconfont';  /* project id 1278045 */
    //   src: url('https://at.alicdn.com/t/font_1813491_w7zghhhggxq.ttf') format('truetype')
    // }

    // 本地
    @font-face {
      font-family: 'iconfont';  /* project id 1278045 */
      src: url('~@/static/iconfont.ttf') format('truetype')
    }

隐私、权限声明

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

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

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

许可协议

MIT协议
759***@qq.com

2023-02-27

并没有 兼容 nvue

qq1438343098 2023-02-27

nvue 并不支持全局组件。需要单独在对应页面注册才能使用。

莫问归期

2021-01-02

有没有 所有图标预览界面

qq1438343098 2021-01-09

这个图标是默认没有的,得自己去阿里图标库拿

水域心诚

2020-07-01

不支持支付宝小程序,支付宝小程序 rich-text 必须是个array类型 探讨下,iconfont如何在支付宝的rich-text 中使用,我没啥好办法。

还是不行,有好方法的话请告知下。

这下终于兼容了,不过有点需要注意,就是font-class 方式需要把css文件下载到本地,在本地引用。 另外,还有一种方式也可以解决Unicode支付宝不支持rich-text解析的问题,用个富文本插件解析即可。

qq1438343098 2020-07-01

支付宝不支持Unicod编码图标 http://yearito.cn/posts/using-iconfont-in-miniprogram.html 已经更新 使用iconfont图标就行 type可以和iconfont同时存在(只会渲染一个)

qq1438343098

2020-06-19

0 提问,看来这个插件还是很不错的

2022-02-22

运行到微信开发者图标不显示怎么处理