Wechat applet reports an error: [rendering layer network layer error] pages/main/main Local resource pictures in wxss cannot be obtained through wxss. You can use network pictures, Base64, or < image/

Project scenario ：

Project scenario ： When inserting pictures into wechat applet, there is an error , Displaying local resource pictures cannot pass WXSS obtain
An error is as follows ：

---

Problem description ：

Code description in the project ：

.content{
    
  font-family:  Microsoft YaHei , Song style ;
  font-size: 14px;
  /* background-size: cover; */
  height: 100%;
  width: 100%;
  background-image: url("../assets/img/1.png");
  color: #FFFFFF;
}

---

Cause analysis ：

1.pages/main/main.wxss The local resource image in cannot pass WXSS obtain , Can use network pictures , perhaps base64, Or use labels .
2. Applet path... Is not allowed in applet style

---

Solution ：

The simplest solution is to change the address of the picture to the network path
As shown in the figure ：