uni-app APP端本地图片不显示

<image
@click="increase"
src="/static/fish-icon-btn-plus.png"
class="btn d-flex-unShrink"
/>

本地图片不显示，但不是一直不显示，只有一个商品的支付页的数量加号不显示，其它商品的支付页正常

示例图片

更多关于uni-app APP端本地图片不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

yibo5220 1楼作者

@/static… 试试

更多关于uni-app APP端本地图片不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

有2个图片，一个减号，一个加号，就加号不显示，而且只有一个商品的支付页加号不显示，其它商品的正常，并且目前只有小米15手机有这个情况，应该不是写法的问题，我感觉是适配的问题

针对您遇到的APP端本地图片偶发性不显示问题，结合您提供的环境信息和代码，以下是可能的原因及解决方案：

1. 图片路径问题 检查/static/fish-icon-btn-plus.png文件是否确实存在于static目录中，确认文件名大小写与代码一致（Android系统对大小写敏感）。建议使用相对路径./static/fish-icon-btn-plus.png。

2. 资源打包问题 由于仅特定商品页面出现问题，可能是云端打包时资源加载异常。尝试以下操作：

3. 图片格式兼容性 确认图片格式无损坏，可尝试：

4. 样式冲突影响 检查该页面CSS中是否存在以下冲突：

.btn {
  width: 24px;   /* 确保尺寸非0 */
  height: 24px;
  display: block; /* 避免flex/visibility覆盖 */
}

5. 运行时渲染问题 在vue3的onMounted中追加图片强制刷新：

const forceReload = () => {
  // 可添加图片重载逻辑
}