微信小程序-背景图的处理

比如在加载图片过程中，或者是加载失败的情况下，可以使用一个背景图来做展示。
但是小程序中，北京图使用本地的 有兼容性的问题

在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>