微信小程序设置背景图片

微信小程序在wxss里通过绝对路径或者相对路径给某个组件加背景图片时会报错,因为官方说明本地资源图片无法通过wxss获取

官方给出解决方法:
1、使用网络图片
那就是http://xxxxxxx形式的图片

2.使用base64
通过在线工具将图片转为base64编码:[http://imgbase64.duoshitong.com/

wxss中:background:url("这里写base64编码,就是那一大串")

网上也有说通过行间样式加背景图片,在模拟器上图片确实能够显示,但在真机调试的时候图片无法显示,所以说还是用官方给出的解决方法吧。

发布了14 篇原创文章 · 获赞 10 · 访问量 1410

猜你喜欢

转载自blog.csdn.net/weixin_44708870/article/details/102994996