如下图,小程序里用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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐