<!--
 * @Description:
 * @Author: Fugang
 * @Date: 2019-07-23 15:58:50
 * @LastEditors: 付刚
 * @LastEditTime: 2021-09-07 16:45:37
 -->
<template>
  <div id="app">
    <!--  backgroundColor: bac -->
    <div
      class="status-bar"
      :style="{ height: config.barHeight + 'px', backgroundColor: bac }"
      id="statusBar"
    ></div>
    <router-view />
  </div>
</template>

<script>
export default {
  data() {
    return {
      bac: 'transparent',
      h: 0,
      version: process.env.VUE_APP_VERSION,
      ios_version: process.env.VUE_APP_VERSION2,
    }
  },
  created() {},
  watch: {},
  mounted() {
    var designWidth = 750 // 设计图的宽度
    var baseFontsize = 120 // cssrem插件设置的基础px
    var realFontsize = (window.screen.width / designWidth) * baseFontsize // 计算实际字号
    // console.log(realFontsize, '基准')
    // console.log(realFontsize)
    document.getElementsByTagName('html')[0].style.fontSize =
      realFontsize + 'px'

    this.$nextTick(() => {
      if (window.plus) window.plus.navigator.closeSplashscreen() // 关闭启动图
    })
  },
  methods: {},
}
</script>
<style lang="scss">
#app {
  // font-family: 'Source Han Sans CN-Normal';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  // user-select: none;
  font-size: 0.23rem;
}
body {
  background-color: #ebeef5;
}
.status-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}

// 输入框填充密码背景
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #464765 !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
}
input {
  background-color: transparent;
}
</style>
