vue/uni-app 设置（或动态设置）页面背景色超全方法 以及各种可能问题解决（不要比我倒霉）

废话和拓展可能有点多，有需要的朋友直接按目录，更多问题可以交流~

目录

pages.json里backgroundColor并不能达成效果，是设置窗体颜色

使用page{background-color: #fff; }可实现

利用最外层元素，动态设置页面背景颜色（图片）

---

最开始使用body{}来设置了背景色，至于我为什么用body我也忘了，然后发生了两件诡异的事情

1. 在微信小程序模拟器里，有时生效，有时无效。

2. 如果@import的css里面写了body，当前vue页面的style标签里也写了body，在微信小程序模拟器里，就会没有一个生效。

3. 后来被要求所有页面都加上scoped，即<style scoped></style>，body就失效了。但如果坚持用，通过以下方式，就有效果。（莫非是scoped特殊关照，body没法加标识就不给用了？）

   <style>
       body {
           background-Color: #fff
       }
   /* 全局样式 */
   </style>
   ​
   <style scoped>
   /* 本地样式 */
   </style>

打代码遇见这些个莫名其妙的CSS问题就贼烦心，同事本来就对这个body很迷惑，干脆就让我别用了，于是走上了探索(踩坑)之路。

pages.json里backgroundColor并不能达成效果，是设置窗体颜色

一开始随手在网页里搜，有朋友说pages.json里backgroundColor来设置，结果没反应，然后去仔细看了看uniapp的官方文档才发现，人家是设置窗体颜色（下拉显示出来的窗口的颜色），这里提醒各位，还是官方文档优先看，不行咱再找别的办法。（写文章的朋友也是，这样写出来误导后人不太好啊，咱打代码的不就是讲究要严谨么。）

看都看了，顺便又看到uni.setBac