解决微信小程序开发中wxss中不能用本地图片

微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址。但是当我们没有服务器时,我们可以用“图床”,这个具体可以百度。这里我们用第二种方法:将图片用base64加密。

1.我们用在线加密对图片进行加密,这个网址百度一大堆,我只贴出一个http://imgbase64.duoshitong.com/
2.将转换完成后的base64复制到我们要引用的地方。
3.设置样式(辅助代码,只有将这个图片做为background-image时注意设置如下属性):

background-size: 8%;
background-position: center center;
background-repeat: no-repeat;

你可能感兴趣的:(微信小程序,小程序)