微信小程序导航背景图片是放本地还是远程

小程序-----背景图片的路径设置

问题根源：在小程序内view的背景图片不能直接使用本地图片，否则设备加载不出。

解决方案：

一：将本地图激稿销片转换为base64格式，在线即可转换。

background: url(base64转换的代码)

二：敬友将本地图片改变为网络路径，或者直接使用网络图片。

三：动态赋值---给view标签增加样式style="background-image:url('{{ bg }}')"，其中bg就是js文件中明游的data中的字段值。

众所周知，小程序的大小限制在2M，我手头上这个项目目前已经不小了，因此时常出现超过2M上传不了代码的情况，为了解决这个问题，我曾经把项目的图片尽可能的去做了压缩，可是省下来的空间永远赶不上需求的增加，很快就又会出现这个问题，很是头大，就是那种眼看着自己辛苦写出来的代码还不能面世的尴尬，心痛的很，那么有人说了小程序不是提供了分包加载吗？是的嘞，但是我目前使用的是wepyjs的框架，对于基于这个的分包实在是没琢磨透，所以没敢轻举妄动，因为就想到羡仿丛了把本地图片放到服务器上的办法，哈哈~也算是笨人有笨办法吧，嘻嘻。。。

那么接下来就来说我是怎么处理的，其实还是很简单的。

首先，让后台的小伙伴兄樱协助把图片放到对象项目的域名上，那么这个图片对于我们来说就相当于项目的接口一样了，在使用的时候只需要把对应的接口域名拼接上即可啦，下面我们来看一个小例子：

图片已经请后台放到了服务器上了，那么负责任的后台呢会给你一个完整的图片链接给你做例子，让你去对应的修改你所需要的图片。

如上图，这就是我们后台把图片放到服务器上给我发的一个链接例子，正如你们所看到的，我掩盖到的部分就是项目的域名，Picture是服务器上放图片的文件夹，然后就是对应图片的名称。

所以这样看来就很简单了吧，我得具体做法是：

在app.wpy文件大巧的onload中，给globalData附上服务器图片的公共域名链接的前半段，然后在其他wpy文件中，直接在onload中把globalData赋值给当前页的一个data值使用即可。