【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

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

相关推荐
nihui12341 分钟前
Uniapp 实现顶部标签页切换功能?
javascript·vue.js·uni-app
luckycoke2 小时前
小程序立体轮播
前端·css·小程序
一 乐2 小时前
高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
前端·javascript·数据库·spring boot·高校体育馆系统
懒羊羊我小弟2 小时前
常用Webpack Loader汇总介绍
前端·webpack·node.js
shengmeshi2 小时前
vue3项目img标签动态设置src,提示:ReferenceError: require is not defined
javascript·vue.js·ecmascript
BillKu2 小时前
vue3中<el-table-column>状态的显示
javascript·vue.js·elementui
祈澈菇凉3 小时前
ES6模块的异步加载是如何实现的?
前端·javascript·es6
我爱学习_zwj3 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
顾比魁3 小时前
XSS盲打:当攻击者“盲狙”管理员
前端·网络安全·xss
黑客老李3 小时前
新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)
java·运维·服务器·前端·xss