开发小程序的时候,设置页面的背景,我用到代码:
.wxml
<view class='top' style="background-image: url('/images/my_bj.png');background-size:cover">
</view>
.page__bd{
width: 100%;
height: 220px;
background: url('../../assets/img/images.jpg') no-repeat;
background-size: 100% 100%;
}
在调试工具上是显示的,但是扫面上传到手机上却显示不出来
解决办法:
我也纳闷了好久的问题,才发现用image标签可以加载本地图片,但背景图片用网络图片或者base64的才能在手机端显示。
转换地址链接http://imgbase64.duoshitong.com/
什么是 base64 编码?
图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址。
在微信小程序开发中遇到页面背景图显示问题,发现仅使用image标签加载本地图片在手机端无效,需使用网络图片或Base64编码。Base64编码能减少HTTP请求,提高性能,适合小尺寸图片。文章介绍了Base64编码的概念,并对比了与jpg格式的区别。
订阅专栏 解锁全文
6499

被折叠的 条评论
为什么被折叠?



