摩托罗拉S30手机安装uni-app应用后logo有白边

摩托罗拉S30手机安装uni-app应用后logo有白边

操作步骤:

  • 下载完就会

预期结果:

  • logo正常显示,无白边

实际结果:

  • logo有白边

bug描述:

  • 下载uni-app,安卓打的包后,安装完在手机桌面logo显示白边
信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC操作系统版本 Windows 10 专业版
HBuilderX类型 正式
HBuilderX版本 3.4.7
手机系统 Android
手机系统版本 Android 12
手机厂商 摩托罗拉S30
手机机型 摩托罗拉S30
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

Image


更多关于摩托罗拉S30手机安装uni-app应用后logo有白边的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

用直角icon做

更多关于摩托罗拉S30手机安装uni-app应用后logo有白边的实战教程也可以访问 https://www.itying.com/category-93-b0.html


遇到同样问题了,请问最后有解决方案吗?

用直角icon做试试

摩托罗拉S30手机在安装uni-app应用后,出现logo有白边的问题,可能与以下原因有关:

1. 图标尺寸问题

  • uni-app应用默认生成的图标尺寸可能不符合摩托罗拉S30的显示要求。
  • 解决方案:检查并确保为不同分辨率设备提供了适配的图标资源。可以通过manifest.json文件配置不同尺寸的图标,或者使用uni-app提供的图标生成工具生成多尺寸图标。

2. 图标背景透明问题

  • 如果图标本身有透明背景,但在设备上显示时被强制填充了白色背景,可能会导致白边。
  • 解决方案:确保图标的背景是透明的(PNG格式),并且在manifest.json中正确配置了图标属性。

3. 设备系统UI适配问题

  • 摩托罗拉S30的系统UI可能对图标显示有特殊处理,导致白边。
  • 解决方案:尝试在应用启动时动态设置图标,或者使用设备的API调整图标显示。

4. uni-app框架问题

  • uni-app在某些设备上可能存在适配问题。
  • 解决方案:更新uni-app框架到最新版本,或者检查是否有相关问题的修复补丁。

5. 自定义启动图配置

  • 如果使用了自定义启动图,可能配置不正确导致白边。
  • 解决方案:检查manifest.json中的launch_pathicons配置,确保路径和资源正确。

具体操作步骤:

  1. 打开项目的manifest.json文件。
  2. 检查icons配置,确保提供了多种尺寸的图标,例如:
    "icons": [
        {
            "src": "static/icon/icon-48.png",
            "sizes": "48x48",
            "type": "image/png"
        },
        {
            "src": "static/icon/icon-72.png",
            "sizes": "72x72",
            "type": "image/png"
        },
        // 添加更多尺寸
    ]
回到顶部