AI 助理
备案控制台
开发者社区 云计算 文章 正文

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

2023-09-26 500
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 小程序-uni-app：hbuildx uni-app 安装 uni-icons 及使用

一、官方文档找到uni-icons


uni-app官网


2c453e481d0129678f20151ad9158283_decd86f51b794e2f97c2048f4d209880.png


二、下载插件


9226407cffa2e1dd6f66804774badc4e_087324bc1d564a7291bbc71da449de3c.png


三、点击“打开HBuildX”


b20fc866ec5ed55cde7d3006ae273104_70d824d055c94d4e8f4d8e3d90594c5a.png


四、选择要安装的项目


c7430c571c055dbb99e00fef8bb89fde_5c1e23d92592487fb71cde589489960d.png


五、勾选要安装的插件


7f7d043189b5d7a1979456df49528986_a8a8429a59f54aa9a3eee29caa618f3a.png


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


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


23966d492aaa361846040becf746ab9e_f7748d8fa66d4ba390097b433f7f8c86.png


七、引入组件，使用组件


<uni-icons type="phone-filled" size="26"></uni-icons>
import uniIcons from '../../../uni_modules/uni-icons/components/uni-icons/uni-icons.vue'
components: {
        uniIcons
},


八、经过测试，成功。


c1da110a79edc649208f48dc4c3f72f2_a72386fe27ab4ed98f23d2741ad96967.png


参考链接

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

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


文章标签：
小程序
关键词：
uni-app APP
APP安装
APP uni-app
snowball_win
目录
相关文章
小暖的遇见V丨ttqq_375425429
|
2月前
|
运维 小程序 前端开发
结合圈层营销策略，打造稳定可靠的圈子app系统，圈子小程序！
圈子系统是一种社交平台，用户可按兴趣、职业等创建或加入“圈子”，进行内容发布、讨论和资源共享。开发时需考虑需求分析、技术选型（如PHP、MySQL）、页面设计、功能实现（注册、登录、发布、评论等）、测试优化及运维管理。圈层营销则通过精准化、高端化的方式传递品牌信息，增强客户归属感。圈子小程序基于微信等平台，具备跨平台、便捷性和社交性，开发过程中需明确需求、选择技术框架、设计页面并确保稳定性和流畅性。
小暖的遇见V丨ttqq_375425429
247 9
邹荣乐
|
4月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
邹荣乐
919 1
潜意识Java
|
28天前
|
JSON 小程序 UED
微信小程序 app.json 配置文件解析与应用
本文介绍了微信小程序中 `app.json` 配置文件的详细
潜意识Java
132 12
DK方方
|
30天前
|
存储 监控 小程序
TP6+Uni-app框架下，圈子系统小程序的快速上线开发步骤
社交圈子系统多端运营级应用，融合了推荐匹配、语音聊天、IM即时通讯、动态发布、一键约聊、同城交友、附近的人、充值提现、邀请推广等功能，为平台运营提供更多的盈利变现方式。程序源码开源，支持二次开发，根据客户不同应用场景需求，定制个性化解决方案。
DK方方
53 9
熊猫开发V丨ttqq_375425429
|
1月前
|
移动开发 开发框架 小程序
轻松搭建婚恋交友系统源码，H5/小程序/APP自动适配，智能匹配恋爱交友平台快速落地
婚恋交友系统涵盖在线交友、线下活动、专业服务、社交娱乐等，满足用户多样化需求。系统设计简洁易用，提供实名认证、多注册方式及安全保护，确保用户隐私和数据安全。功能丰富，支持图文展示、筛选匹配、聊天互动、虚拟礼物等，提升互动趣味性。平台可分类管理用户、审核信息、智能推荐，优化用户体验。基于TP6+Uni-app框架，实现跨平台同步，支持二次开发，适应不同市场需求。 [了解更多](https://gitee.com/multi-customer-software/jy)
熊猫开发V丨ttqq_375425429
121 6
DK九月
|
30天前
|
小程序 IDE PHP
圈子源码如何打包生成App小程序/开发一个圈子系统软件所需要的费用体现在哪里？
将PHP源码打包成App的过程涉及多个步骤和技术选择。以圈子源码为例，首先明确需求，确定App功能和目标用户群体，并根据需求开发小程序页面，如用户注册、圈子列表等。源码准备阶段确保源码适用于小程序开发，环境配置需安装IDE（如微信开发者工具）及依赖库。最后在IDE中打包小程序并上传至管理平台，通过审核后发布。费用方面，模板开发成本较低，定制开发则更高，具体取决于需求复杂度和第三方服务费用。
DK九月
73 0
熊猫开发V丨ttqq_375425429
|
30天前
|
移动开发 监控 小程序
TP6+Uni-app框架开发，2025年最新圈子系统功能展示，圈子app流量主模式
圈子系统基于TP6+Uni-app框架开发，支持多端账号同步并可快速生成APP。它适用于行业、地方、社交、游戏、兴趣等多种圈子场景，提供广告展示、商品销售、推广结算、交易佣金、入驻费用、会员增值及线上线下活动等多元盈利模式，帮助商户精准定位用户，实现流量变现和业务增长。
熊猫开发V丨ttqq_375425429
55 0
小暖的遇见V丨ttqq_375425429
|
2月前
|
开发框架 小程序 前端开发
圈子社交app前端+后端源码，uniapp社交兴趣圈子开发，框架php圈子小程序安装搭建
本文介绍了圈子社交APP的源码获取、分析与定制，PHP实现的圈子框架设计及代码编写，以及圈子小程序的安装搭建。涵盖环境配置、数据库设计、前后端开发与接口对接等内容，确保平台的安全性、性能和功能完整性。通过详细指导，帮助开发者快速搭建稳定可靠的圈子社交平台。
小暖的遇见V丨ttqq_375425429
309 18
疯狂的猿
|
28天前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
疯狂的猿
26 0
小暖的遇见V丨ttqq_375425429
|
2月前
|
小程序 安全 网络安全
清晰易懂！陪玩系统源码搭建的核心功能，陪玩小程序、陪玩app的搭建步骤！
陪玩系统源码包含多种约单方式、实时语音互动、直播间与聊天室、大神申请与抢单、动态互动与社交及在线支付与评价等核心功能。搭建步骤包括环境准备、源码上传与解压、数据库配置、域名与SSL证书绑定、伪静态配置及后台管理。注意事项涵盖源码安全性、二次开发、合规性和技术支持。确保平台安全、合规并提供良好用户体验是关键。
小暖的遇见V丨ttqq_375425429
145 0

热门文章

最新文章

  • 1
    MNN-LLM App：在手机上离线运行大模型，阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
  • 2
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【Azure App Service】基于Linux创建的App Service是否可以主动升级内置的Nginx版本呢？
  • 4
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 5
    【Azure Function】Function App出现System.IO.FileNotFoundException异常
  • 6
    原生鸿蒙版小艺APP接入DeepSeek-R1，为HarmonyOS应用开发注入新活力
  • 7
    【Azure Logic App】使用MySQL 新增行触发器遇见错误 ：“Unknown column 'created_at' in 'order clause'”
  • 8
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用（flutter version manage）-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 9
    阿里云APP备案流程图以及备案所需材料整理，跟着教程一步步操作
  • 10
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 1
    【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码：完全免费+实战教程+微信贪吃蛇小程序
    89
  • 2
    10分钟搭建微信小程序ecs【2月更文挑战第07天】
    33
  • 3
    微信小程序与Java后端实现微信授权登录功能
    115
  • 4
    uniapp跨平台框架，陪玩系统并发性能测试，小程序源码搭建开发解析
    55
  • 5
    打造无缝社交体验：多平台适配，开启线上线下陪玩系统小程序社交新时代
    53
  • 6
    基于Uniapp+php校园小程序，校园圈子论坛系统功能，校园跑腿二手交流功能设计
    69
  • 7
    微信小程序 app.json 配置文件解析与应用
    132
  • 8
    thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
    26
  • 9
    原生微信小程序笔记完整总结
    42
  • 10
    微信小程序默认的文字内容在左上角怎么办？带你0基础快速了解skyline渲染模式。
    76

    • 相关课程

    更多
  • IoT小程序框架课程
  • 互联网安全-移动APP漏洞风险与解决方案

    • 相关电子书

    更多
  • 女性移动App安全攻防战
  • 汇聚云计算的生态核能——云市场，云上APP Store
  • 千万级用户直播App——服务端架构设计和思考

    • 相关实验场景

    更多
  • 1分钟SAE部署PHP商城小程序
  • 阿里云IoT小程序应用开发和组件实践
  • 搭建IoT小程序开发环境，创建一个应用
  • 星轨-钉钉APP分发实训
  • EMAS Serverless搭建《私人云相册》小程序
  • 基于小程序Serverless开发个人相册小程序
    • 下一篇
    PAI Model Gallery 支持云上一键部署 DeepSeek-V3、DeepSeek-R1 系列模型