微信小程序设置背景图片不显示问题解决方法

最近开发小程序的过程当中遇到了这样一个小问题,在wxss文件中经过background设置背景图片,要实现背景图片上显示文字的效果,发现背景图片不显示

代码如下

<view style="background:url(../../img/image.png)"> <text>文字内容</text> </view>

解决方法:

本地图片转换为base64格式

wxml

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

js

data里

经验分享 程序员 微信小程序 职场和发展