【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

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

相关推荐
文阿花1 分钟前
Echarts实现自动旋转柱状3D扇形图
前端·3d·echarts
sp422 分钟前
使用 Vite 与 NativeScript
前端
zhedream4 分钟前
从模糊到清晰:一次组件重构里的开发哲学
vue.js
前端Hardy8 分钟前
GitHub 爆火!Three.js + React + ECharts 打造最强数据大屏
前端·javascript
如果超人不会飞8 分钟前
TinyRobot AI 对话组件库全组件使用指南
前端·vue.js
lichenyang45310 分钟前
ArkTS 资源与暗色模式:为什么我手机切暗色,App 内容区却不变
前端
老王以为28 分钟前
Claude Code 的产品哲学:当价值观成为架构
前端·claude·vibecoding
程序员黑豆32 分钟前
AI全栈开发 - Java:变量
java·前端·ai编程
tedcloud12335 分钟前
HyperFrames部署教程:用HTML生成MP4视频
前端·数据库·人工智能·html·音视频
江米小枣tonylua42 分钟前
真多线程!Bun作者要给JS大手术
前端