微信小程序背景图片background无法在手机端显示问题解决方案

之前做过一个小程序项目,页面中有背景图片,使用web开发工具调试时候背景图片能正常显示,使用真机调试及发布线上版本的时候图片不显示,刚开始以为是图片显示路径问题,后面问啦度娘后才发现微信小程序不支持背景图片直接使用本地图片:
小程序page 代码如下:
这种写法能在web开发工具端调试时候正常显示背景图片,手机端不能正常显示
解决方法:
第一种:
使用服务器图片地址显示
第二种:
将图片转换成base64位 ,可以使用在线转换工具
两种方法比较:推荐使用第一种,因为第二种转换后如果图片太大,页面占得行数太多啦,影响代码的整洁效果
第一次做小程序采坑不少,后面和大家多分享点自己踩的坑.