vue项目多主题风格切换（适配暗黑模式）

需求：
因为iosapp 要求适配暗黑模式，APP内嵌H5页面也需要相应的暗黑适配，做到根据进入页面时app参数，或者页面内一键切换主题风格

解决方案
已首次进入H5时接收APP传参判断，主题风格 （暗黑模式，正常模式，）为例

---

一、通过app传参 dark 字段判断是否为 暗黑模式（主题风格）

在app.vue onLaunch 中加入判断

if (this.user && this.user.dark === '1') {
   
      Vue.prototype.datatheme = 'dark'
      window.document.documentElement.setAttribute('data-theme', 'dark')
    } else {
   
      Vue.prototype.datatheme = 'light'
      window.document.documentElement.setAttribute('data-theme', 'light')
    }

在app.vue 底部引入base.scss

<style lang="scss">
  @import "styles/base.scss";
</style>

二、创建_themes.scss文件

$themes: (
  light: (
    white: #fff,
    black: #