小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用

一、官方文档找到uni-icons

uni-app官网

二、下载插件

三、点击"打开HBuildX"

四、选择要安装的项目

五、勾选要安装的插件

六、安装后,项目插件目录

根目录uni_modules目录下增加uni-icons、uni-scss

七、引入组件,使用组件

复制代码
<uni-icons type="phone-filled" size="26"></uni-icons>


import uniIcons from '../../../uni_modules/uni-icons/components/uni-icons/uni-icons.vue'


components: {
        uniIcons
},

八、经过测试,成功。

参考链接

http://lihuaxi.xjx100.cn/news/1221122.html?action=onClick

uniapp uni-icons 组件为例 带着大家使用并熟悉一次文档 - overfit.cn

相关推荐
runnerdancer1 分钟前
解构shopify,从0到1实现落地页低代码编辑器
前端
WEI_Gaot20 分钟前
react19 的项目创建和组件使用
前端·react.js
资深前端外卖员24 分钟前
【nodejs高可用】前端APM应用监控方案 + 落地
前端·后端
OhBonsai24 分钟前
Shader 图像处理1_ToneMap技术处理过曝
前端
突头小恐龙24 分钟前
Chrome devTools - Lighthouse
前端·javascript·chrome
谦谦橘子24 分钟前
手写tiny webpack,理解webpack原理
前端·javascript·webpack
xx240625 分钟前
UniApp学习笔记
uni-app
土豆125026 分钟前
Tailwind CSS 精通指南:提升效率、可维护性与最佳实践
前端·css
花生了什么树lll26 分钟前
面试中被问到过的前端八股(四)
前端·面试
zqlcoding27 分钟前
使用el-table表格动态渲染表头数据之后,导致设置fixed的列渲染出现问题
前端·javascript·vue.js