<template>
  <div id="App" :style="`background:url(${bg}) no-repeat fixed;background-size: 100% 100%;`" v-if="!isSubSite">
    <router-view />
  </div>
  <div v-else>
    <router-view />
  </div>
</template>

<script>
import _ from 'lodash';
export default {
  name: 'App',
  props: {},
  components: {},
  data: () => ({
    bg: require('@/assets/bg.jpg'),
  }),
  created() {},
  computed: {
    isSubSite() {
      let route = this.$route;
      let res = _.get(route, 'meta.subSite', false);
      return res;
    },
  },
  methods: {},
};
</script>

<style lang="less">
html {
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  margin: 0;
  overflow-x: hidden;
}
.textOver {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>
