Wechat applet background image error

In the development process, the background image is set by using background, and the error is reported as follows

Cause of error:   Wechat applet sets background through background image: only supports online pictures and Base64 pictures, not local pictures.

Solution: 1. Put pictures on the server and use online pictures

2. The steps of Base64 image setting are as follows:

2-1 on the website http://imgbase64.duoshitong.com/ Convert image to text in Base64 format

2-2 use the above text in wxss:

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

 

Read More: