比如在加载图片过程中,或者是加载失败的情况下,可以使用一个背景图来做展示。
但是小程序中,北京图使用本地的 有兼容性的问题
在ios下可以显示,但是在安卓手机中却显示的是空白的背景。原因是使用背景图时,必须是网络的图片,或者使用base64的图。
这里,说明使用base64的方法
// utils/someImage.js
const emptyBabyBase = ' "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADoCAYAAADR0GlkAAAAAXNSR0IArs4c6QAAQABJREFUeAHtnQu4JVV155vuBprm0S.....'
export emptyBabyBase
把图片转换成base64的方法随处可见
//index.js
import emptyBabyBase from 'path/utils/someImage.js'
data: {
emptyBabyBase: emptyBabyBase,
},
//index.wxml
<view style='background:url({{emptyBabyBase}});background-position:center;background-repeat:no-repeat;background-size:contain'></view>