更新记录

1.0.0(2023-04-14) 下载此版本

第一次更新


平台兼容性

uni-app

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

其他

多语言 暗黑模式 宽屏模式
× ×

custom-icon使用说明

本组件是为方便iconfont在uniapp项目中使用进行的简单封装

# 导入并祖册组件
import CustomIcon from '@/components/custom-icon/custom-icon.vue'

components:{
    CustomIcon
},
# 使用组件
<custom-icon icon="icon-user-group" size="50" color="#333"></custom-icon>

替换icon包

一、打开iconfont网址

https://www.iconfont.cn/

首先把你要的图标加入购物车 然后,在自己的项目页面,点击下载到本地 解压打开后,我们会得到这几个文件,框起来的那三个文件就是我们要的

打开custom-icon.vue

把刚刚解压文件夹里面的iconfont.css内容全部复制然后粘贴到custom-icon.vue的style里面

同时把custom-icon里面的那三个字体文件替换成你解压文件夹后框起来的那三个文件,然后就可以使用了

参数说明

icon size color
图标名称 图标大小 (number) 图标颜色

图标名称

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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