更新记录

1.0.0(2023-04-14)

第一次更新


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

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协议

暂无用户评论。

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