【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

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

相关推荐
前端老宋Running1 分钟前
一种名为“Webpack 配置工程师”的已故职业—— Vite 与“零配置”的快乐
前端·vite·前端工程化
用户6600676685391 分钟前
从“养猫”看懂JS面向对象:原型链与Class本质拆解
前端·javascript·面试
parade岁月1 分钟前
我的第一个 TDesign PR:修复 Empty 组件的 v-if 警告
前端
云鹤_2 分钟前
【Amis源码阅读】低代码如何实现交互(下)
前端·低代码·架构
StarkCoder2 分钟前
一次搞懂 iOS 组合布局:用 CompositionalLayout 打造马赛克 + 网格瀑布流
前端
之恒君2 分钟前
JavaScript 对象相等性判断详解
前端·javascript
dhdjjsjs3 分钟前
Day30 Python Study
开发语言·前端·python
T___T3 分钟前
通过 MCP 让 AI 读懂你的 Figma 设计稿
前端·人工智能
清妍_6 分钟前
踩坑记录:Taro.createSelectorQuery找不到元素
前端
爬山算法6 分钟前
Redis(169)如何使用Redis实现数据同步?
前端·redis·bootstrap