Wechat applet setting background image does not display problem solution

Recently, I encountered such a small problem in the process of developing small programs , stay wxss In the document background Set the background image , To achieve the effect of displaying text on the background image , Found that the background image is not displayed

The code is as follows

<view style="background:url('../../img/image.png')">
    <text> Written content </text>
</view>

  In line style experience certificate , The simulator displays normally , The problem that the real machine cannot display normally is wechat

resolvent ：

Convert local pictures to base64 Format

base64 Image online conversion tool - Webmaster Tools

wxml

 <view  style="background-image: url({ {background}});background-size: 100% 100%;"></view>

js

data in