|
刚才偶发一个怪异现象，手机中扫一扫开发中的小程序，发现图片没法显示了。可是小程序开发工具中，是正常显示的，用的也是小程序原生的image组件。真是奇怪。
我用的是for普通渲染标签而已，并没有写复杂的逻辑，可怎么就出不来呢？结果发现在js中的数组路径出错了，其中有一个文件夹大小写搞错了。
1 路径：“/”，代表根目录，无论在自定义组件，还是普通页面中，想要引用就以它开头
2 一定要注意大小写问题，实验证明，小程序开发工具中可以不区分大小写，但手机中是区别的
3 webp类型文件，原生image，手机预览时不支持，目前还没找到为什么不显示
data: {
productArr: [
{ pro_id: 0, pro_title: "TJRBLOMSTER 谢尔布鲁姆斯特", pro_img: "/assets/list/01.webp", pro_price: 399.99 },
{ pro_id: 0, pro_title: "NATTJASMIN 纳斯敏", pro_img: "/assets/list/02.webp", pro_price: 399.99 },
{ pro_id: 0, pro_title: "BERGPALM 贝利帕姆 被套和枕套", pro_img: "/assets/list/01.jpg", pro_price: 399.99 },
{ pro_id: 0, pro_title: "LOBERGET 洛贝里特 / BLYSKR 布吕歇尔", pro_img: "/assets/list/02.jpg", pro_price: 399.99 },
{ pro_id: 0, pro_title: "STENSELE 思丹塞 / NORRARYD 诺勒利", pro_img: "/assets/list/03.jpg", pro_price: 399.99 }
]
},
而官网中（2020-12-13的小程序文档截图）特别强调，支持webp格式，就没搞懂为什么
红色区域是小程序开发工具中的图片，webp类型图片，可正常显示，但手机中预览就不行。 | 
转播
