uniapp 图标配置

最新推荐文章于 2025-10-10 08:48:05 发布
原创 最新推荐文章于 2025-10-10 08:48:05 发布 · 5.9k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app

本文详细记录了在HBuilderX中配置uniapp App图标的步骤。首先打开manifest.json文件，找到App图标配置项，然后选择png格式的图标图片，通过自动生成功能创建所有所需尺寸的图标，并完成替换。这一过程对于uniapp应用的视觉呈现至关重要。

uniapp 图标配置，记录一下

1、在 HBuilderX 中打开 manifest.json 文件，找到 App图标配置

 2、在自动生成图标文件中点击 浏览，选择图标图片

注意：这里选择的图片是 png 格式，不能是 jpg 手动改成 png 的

 点击 自动生成所有图标并替换

 生成完成

可以鼠标移动到上面查看

至此完 

uniapp启动图.9.png制作方法
高效码农
10-20 2393
目前HBuilder|HBuilderX中仅定义几种标准分辨率的启动图配置，而实际上存在很多不同分辨率的手机，导致启动图会进行拉伸或压缩引起变形，Android平台为了解决此问题就出现了可以适配各种尺寸的一种图片格式“.9.png”。这是一种特殊的图片格式，它可以指定特定的区域进行拉伸而不失真。
uni-app的图标插件
01-14
导入到其它项目中使用方法 1. 将components/fa-icons/fa-icons.vue文件(夹)复制到自己的项目下 2.在main.js中全局引入 // 图表组件 import faicon from &#39;./components/fa-icon/fa-icon.vue&#39; Vue.component(&#39;faicon&#39;,faicon) 3.页面中引用 在需要插入的页面引用 <!-- type 为图标名称 color 为图标颜色 默认#000000 (黑色，可不填) size 为图标大小 默认14px/1 (可不填) --> 或者class直接引用 <!-- 注意格式否则无法正常显示 class="fa fa-*" *号为名称 -->
uniapp-x使用内置图标和iconfont图标
最新发布
我的小站：https://oby.ink
10-10 663
uniappx使用内置图标和iconfont图标
uniapp-打包app-图标配置
叶子的博客
04-02 3175
依次找到manifest->App图标配置，然后点击浏览，从本地文件夹中选择你们项目的logo，然后点击自动生成所有图标并替换
uni-app APP图标配置
怪兽的猫的博客
03-25 4739
点击浏览上传图标，点击自动生成所有图标并替换，即可。 出现弹框闪现并且没有生产图片的原因：上传的原图必须是png格式，不可手动修改后缀！ 这个坑童鞋们要注意啊。uni-app商城有开源代码，欢迎童鞋们指导噢。 开源地址 ...
uniapp常用图标.zip
01-15
图标 图标
Uniapp 自定义图标
m0_54009761的博客
03-14 1171
/*view 模块*/ <text class="icon">&#xe621;</text> /* css 模块*/ @font-face { font-family: 'iconfont'; src: url('~@/static/ttf/iconfont.ttf') format('truetype'); } .icon { font-family: iconfont !important; font-size: 25px; fo...
uniapp图标配置
02-08
#### 修改 `app.json5` 文件中的图标配置 对于鸿蒙系统的应用程序，在项目根目录下的 `harmony-configs/AppScope/app.json5` 文件中，可以找到关于图标的配置项。此文件允许开发者指定不同分辨率的应用程序图标路径...
精选资源
uniapp分包配置，页面配置
11-29
- **全局配置**：在`unpackage/dist/config/app.config.json`（不同版本可能有所不同）中设置全局导航栏样式，如颜色、文字、图标等。 - **页面级配置**：在`page.json`或`index.vue`中可以对单个页面的导航栏进行...
精选资源
uniapp小程序tabbar图标
07-25
这个图标集包含了所有必要的选中和非选中状态图标，开发者可以根据自己的需求将它们应用到uniapp项目的`tabbar`配置中。通过合理的配置和设计，可以创建出美观且易用的底部导航栏，提升整体应用的用户体验。
Uniapp 简单配置鸿蒙
The_more_more的博客
11-21 1879
如今鸿蒙的盛起，作为多端开发的代表也是开始兼容鸿蒙应用的开发，接下来我将介绍如何在uniapp中配置鸿蒙。
uni-app学习---项目搭建、配置、设置导航栏
ChenLingZhi1115的博客
06-04 2675
uni-app分编译器和运行时（runtime）。uni-app能实现一套代码、多端运行，是通过这2部分配合完成的。总：编译器将开发者的代码进行编译，编译的输出物由各个终端的runtime进行解析，每个平台（Web、Android App、iOS App、各家小程序）都有各自的runtime。uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、h5以及各种小程序(微信/支付宝/百度/头条/qq/钉钉)等多个平台。
uni-app 图标库整合最佳实践：使用 iconfont 构建属于自己的图标库
前端梦工厂
11-06 4045
阿里巴巴矢量图标库是一种图标字体库，它将图标转换为字体的形式，并通过unicode编码进行引用。通过使用iconfont，开发者可以使用字体图标代替传统的图片图标，以提高网页加载速度和图标的灵活性。iconfont中的图标可以使用 CSS 进行样式控制，并且可以根据需要进行缩放、颜色调整等操作，非常方便。官方链接：iconfont - 阿里巴巴矢量图标库通过本篇文章，我们了解了在前端项目中使用 iconfont 自定义图标库的方法和步骤。
uniapp 添加自定义图标
朝阳39的博客
12-28 1608
/启动项目，效果如下。
【uni-app】uni-app官方自带图标的使用方法
【敦厚的曹操】的专栏
04-27 5177
【代码】【uni-app】uni-app官方自带图标的使用方法。
uniapp引入自定义图标
weixin_52102740的博客
07-24 1357
uniapp自定义图标
uni-app里面如何使用图标
一只猫
03-23 1169
uniapp中如何使用字体图标
uniapp打包apk时修改APP应用图标和名称
热门推荐
zh626678的博客
03-15 1万+
uniapp在打包apk时如何修改APP应用图标和名称
在uni-app使用iconfont中的图标
码农键盘上的梦
04-15 8541
1.访问 iconfont-阿里巴巴矢量图标库，注册并登录账号, 2.浏览或搜索所需的图标，将它们添加至购物车或直接创建项目进行管理。 3.完成图标选择后，进入“我的项目”，点击对应项目的“下载”按钮，选择“WebFont”格式下载。下载得到的压缩包通常包含以下文件:
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

悟世君子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值