关于图片手机端不显示，电脑端却显示？ - WXOPEN Club

我原本的代码是这样的
<view class="bg-img radius-20" style="background-image: url('{{item.src}}');height: 500rpx;" bindtap="btnbox{{item.id}}"></view>
这样写，发现只有电脑端微信小程序可以展示出图片；

我改成这样后，手机端小程序可以显示图片了，但是这个style没作用。
<image class="bg-img radius-20" src="{{item.src}}" bindtap="btnbox{{item.id}}" style="height: 500rpx" mode="widthFix"></image>
手机端不支持第一种方法吗？？？

5 回复

nalai1 楼5 年前

第一种，我从来不用背景图，因为ios和android不一样。手机也不一样。都会出现不能显示的情况，全部替换为Image去做效果就行

第二种，style高度设置没用是因为你写了mode=“widthFix”

fangjuan2 楼5 年前

背景图片需要转成base64

xiechao3 楼5 年前

图片是本地的吗？背景图一般用网络图片

mofang4 楼5 年前

第一种，背景图片只能用网络链接或者base64，不能用本地图片

第二种，style高度设置没用是因为你写了mode=“widthFix”

fyin5 楼5 年前

background-size设置了没有，而且有时候要加important