image组件引入图片方式:
<image
class="h-[36rpx] w-[36rpx]"
src="/static/md_icons/common_card_attribute_wind.webp"
></image>
1***@qq.com
- 发布：2024-03-16 12:00
- 更新：2024-03-16 13:47
- 阅读：233
喜欢技术的前端 - QQ---445849201
有兼容性可以排查一下
webp图片支持详解
Android4以上（含）、iOS14以上（含）系统内置支持webp，此时，不管web、小程序、app，也不管vue/nvue/uvue都可以直接使用webp；
iOS14以下，app-vue下，iOS不支持；app-nvue/uvue下，iOS支持；微信小程序2.9.0起，配置属性webp为true时iOS支持；
pc浏览器上，webp在不同浏览器的支持详见：https://caniuse.com/?search=webp
1***@qq.com (作者)
可以了，把.webp后缀的图片改为.png后缀，真机上就可以显示了。十分感谢，帮大忙了
2024-03-16 14:42
喜欢技术的前端
回复 1***@qq.com: 客气，解决了就好
2024-03-17 18:20