【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

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

相关推荐
XiaoYu200220 小时前
第9章 Three.js载入模型GLTF
前端·javascript·three.js
.又是新的一天.20 小时前
【前端Web开发HTML5+CSS3+移动web视频教程】01 html- 标签之文字排版、图片、链接、音视频
前端·css3·html5
神奇的程序员20 小时前
开发了一个nginx日志分析面板
前端
pas13620 小时前
19-mini-vue setup $el $data $props
javascript·vue.js·ecmascript
阿拉丁的梦20 小时前
【C4D实用脚本】清除废点及删除了面的选择tag和材质tag及材质--AI编程
服务器·前端·材质
傅里叶20 小时前
Flutter移动端获取相机内参
前端·flutter
哒哒哒52852020 小时前
React useMemo 大白话用法文档(含注意项)
前端
xkxnq21 小时前
第一阶段:Vue 基础入门(第 10 天)
前端·javascript·vue.js
智商偏低21 小时前
abp PermissionDefinitionManager源码解析
开发语言·前端·javascript
RaidenLiu21 小时前
Offstage / Visibility:不可见真的就不消耗性能吗
前端·flutter·性能优化