我原本的代码是这样的
<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>
手机端不支持第一种方法吗???
第一种,我从来不用背景图,因为ios和android不一样。手机也不一样。都会出现不能显示的情况,全部替换为Image去做效果就行
第二种,style高度设置没用是因为你写了mode=“widthFix”
第一种,背景图片只能用网络链接或者base64,不能用本地图片
第二种,style高度设置没用是因为你写了mode=“widthFix”
图片是本地的吗?背景图一般用网络图片
background-size设置了没有,而且有时候要加important
背景图片需要转成base64