【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

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

相关推荐
姜太公钓鲸2333 分钟前
Bootstrap是什么?作用是什么?使用场景是什么?如何使用?
前端·bootstrap·html
Aerelin8 分钟前
爬虫playwright中的等待机制
前端·爬虫·python
慧慧吖@13 分钟前
关于在本地去模拟生产环境检测页面内容注意事项
前端·javascript·vue.js
码农很忙21 分钟前
用SpreadJS实现分权限管理:前端技术栈的精准控制实践
前端
黄团团33 分钟前
Vue2整合Electron开发桌面级应用以及打包发布(提供Gitee源码)
前端·javascript·vue.js·elementui·electron
勇气要爆发39 分钟前
问:LocalStorage、Vuex、Pinia的区别和本质
前端
Aerelin40 分钟前
iframe讲解(爬虫playwright的特殊应用)
前端·爬虫·python·html
Drift_Dream44 分钟前
IntersectionObserver:现代Web开发的交叉观察者
前端
9***P3341 小时前
前端错误监控工具
前端
东东2331 小时前
GeoJSON 介绍:Web 地图数据的通用语言
前端·javascript·json