【Uniapp-Vue3】uni-icons的安装和使用

一、uni-icon的安装

进入到如下页面中,点击"点击下载&安装"。

uni-icons 图标 | uni-app官网

点击"下载插件并导入HBuilder",如果没有登录就登陆一下

网页中会打开Hbuilder,进入Hbuilder以后,选择需要使用该插件的项目进行安装。

点击确定,没有登录就再登录一下。

下载完成以后就会在项目目录中出现"uni_modeules"文件。

二、uni-iocn的使用

<uni-icons type="类型" size="大小" color="颜色"></uni-icons>

其中type 在文档中,点击想要的图标复制到type属性中即可,size默认大小是30

其他的插件使用方法类似。

相关推荐
前端snow20 分钟前
ai agent --- 文件存储
前端
Frag0ut21 分钟前
Chrome四大版本获取及共存指南:Stable/Beta/Dev/Canary
前端·chrome·浏览器·dev·beta·canary·共存版
IT_陈寒2 小时前
SpringBoot自动配置坑了我一把,原来是这样绕过去的
前端·人工智能·后端
广州华水科技2 小时前
单北斗GNSS变形监测在大坝安全监测中的应用与优势
前端
zeng不错2 小时前
B站 173 个投稿活动看到眼瞎?我写了个扩展,主打一个精准打击
前端
Latchh2 小时前
前端导出的JPEG红字发糊,质量要拉到100才清楚
前端·图像处理·人工智能·计算机视觉
默_笙3 小时前
🚦 请三个 AI 考官给 RAG 打分:量化评估实战(下)
前端·javascript
Joy T3 小时前
聊天系统中五大ID的演进与实战解析
java·前端·人工智能·spring·agent入门
遗憾随她而去.4 小时前
uniApp跨端开发: 解决不同平台显示差异问题
uni-app
Seraphina364 小时前
DVWA(SQL注入-low,medium,XSS反射-low)
前端·数据库·笔记·sql·网络安全·web·xss