小程序-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

相关推荐
Bigger7 分钟前
我给 Han Design 做了 6 套很值钱的中国风配色主题
前端·设计·视觉设计
幸福摩天轮44 分钟前
function Calling工具系统怎么实现
前端
Jul1en_1 小时前
【Claude Code Compact】源码级别的学习上下文压缩
java·前端·学习·github·ai编程
windliang1 小时前
Claude Code 源码分析(五):一次 Tool 调用怎样通过权限检查
前端·人工智能·面试
fengci.1 小时前
Microweber CMS 未授权路径穿越漏洞(CVE-2026-65694)
android·开发语言·前端·学习·php
Deryck_德瑞克1 小时前
【Nginx】配置差异分析
服务器·前端·nginx
前端 贾公子2 小时前
第06章:结构化输出 (上)
java·服务器·前端
北斗落凡尘2 小时前
React面试题
前端
一棵白菜2 小时前
mac 部署 n8n
前端
学高数就犯困2 小时前
React:常见的性能优化手段
前端·react.js