小程序里用background-image或background引入背景图片在真机上展示没效果怎么解决
如下图,小程序里用background-image或background引入背景图片在真机上展示没效果怎么解决?上一个展示不出来是因为url路径引用的用的本地的图片,而背景图片只能base64格式或者网络图片或者上传到小程序的云存储里。错误代码(用的本地图片,这种情况模拟器上背景图片是可以显示出来的,真机上是显示不出来的)<view class="flex_row_start" style=
·
如下图,小程序里用background-image或background引入背景图片在真机上展示没效果怎么解决?
上一个展示不出来是因为url路径引用的用的本地的图片,而背景图片只能base64格式或者网络图片或者上传到小程序的云存储里。
错误代码(用的本地图片,这种情况模拟器上背景图片是可以显示出来的,真机上是显示不出来的)
<view class="flex_row_start" style="padding-bottom: 30rpx;background: url(../../images/image/bg_conttitle.png) center bottom no-repeat;">
<view>...</view>
</view>
正确代码(用的网络图片)
<view style="padding-bottom: 30rpx;background: url(http://xxxx/xxx/xxxx/bg_conttitle.png) center bottom no-repeat;">
<view>...</view>
</view>
参考文章:
https://developers.weixin.qq.com/community/develop/article/doc/00060a68d6c720dee8acce6135b413
更多推荐
已为社区贡献7条内容
所有评论(0)