更新记录

1.0.1（2026-05-12） 下载此版本

更新图标字体的woff2资源引用路径

1.0.0（2026-05-12） 下载此版本

  • 初始版本
  • 支持 iconfont 和 miconfont 两种字体图标
  • 支持自定义大小、颜色、粗细

平台兼容性

uni-app(5.0)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- √ - - √ - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
3.15.0 - - - - - - - - - - -

uni-app x(5.0)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - 3.15.0

carson-icon

图标组件，支持 iconfont 和 miconfont 两种字体图标。

安装

直接在 uni-app 项目中使用，无需额外安装。

使用方法

<carson-icon name="icon-fanhui" :size="26" color="#333" />

Props

参数 类型 默认值 说明
name String icon-fanhui 图标名称，以 icon- 或 micon- 开头
size Number 26 图标大小（rpx）
weight Number 400 字体粗细
color String inherit 图标颜色
myClass String - 自定义类名
myStyle Object {} 自定义样式

Events

事件名 说明
click 点击图标时触发

图标名称

icon- 前缀图标

  • icon-fanhui - 返回
  • icon-shouye - 首页
  • icon-wode - 我的
  • icon-gouwuche - 购物车
  • icon-kaxiangkongzhuangtai - 卡槽空状态
  • ... 更多图标请查看 iconfont.scss

micon- 前缀图标

  • micon-zhumian - 主页
  • micon-duihua - 对话
  • micon-yuqie - 预约
  • ... 更多图标请查看 miconfont.scss

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。