【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

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

相关推荐
00后程序员张15 分钟前
AppStoreInfo.plist 在苹果上架流程中的生成方式和作用
android·小程序·https·uni-app·iphone·webview
404NotFound30527 分钟前
基于 Vue 3 和 Guacamole 搭建远程桌面(利用RDP去实现,去除vnc繁琐配置)
前端
咚咚咚ddd29 分钟前
AI 应用开发:Agent @在线文档功能 - 前端交互与设计
前端·aigc·agent
旧梦吟30 分钟前
脚本工具 批量md转html
前端·python·html5
ohyeah31 分钟前
React 中兄弟组件通信的最佳实践:以 Todo 应用为例
前端
xiaoyan201534 分钟前
2026最新款Vite7+Vue3+DeepSeek-V3.2+Markdown流式输出AI会话
vue.js·openai·deepseek
岁月宁静43 分钟前
一个 AI 聊天功能,背后至少 8 个你没想到的工程细节
前端·vue.js·aigc
计算机学姐1 小时前
基于php的非物质文化遗产推广系统
开发语言·vue.js·mysql·tomcat·php·postman
一字白首1 小时前
Vue3 入门,从项目创建到组合式 API 全解析(含 provide/inject)
前端·javascript·vue.js