微信小程序中,导入使用本地图片,开发时在电脑上显示正常,iOS上也能正常显示,但是在Android上图片显示空白,
如图:
原因:网上查找,说有可能是这些原因
1.image src中的图片地址对英文字母大小写敏感,必须确认大小写对得上;
2.图片大小问题。似乎微信小程序对程序中用到的图片有大小要求,用到的本地图片要小于10KB才能顺利在真机上也能显示。因此通过用Photoshop CC把原来使用的png图片压缩成小图片输出到小于10KB再放回images文件夹下使用就可以了。
但是他说的两点我都符合,最后自己才发现,原来是路径中存在中文导致的
比如说现在这样导入本地图片
import adviceImg from '@images/icon/icon_jyxx@2x.png';
import notificationImg from '@images/icon/icon_通知公告@2x.png';
import dynamicImg from '@images/icon/icon_关注动态@2x.png';
显示就是这样的
忽略未读消息数小红点