微信小程序 background-image 报错

开发过程中使用background设置背景图片在小程序上运行报错如下

报错原因： 微信小程序通过background-image设置背景：只支持线上图片和base64图片，不支持本地图片。

解决：1.图片放到服务器上 使用线上图片

2. base64图片设置步骤如下：

2-1 在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本

2-2 在WXSS中使用以上文本：

background-image:url(“data:image/png;base64,iVBORw0KGgo=…”);