<template lang="html">
  <div id="A" style="height:100%;">
    <router-view style="margin-top: 3rem"></router-view>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  components: {},
  data () {
    return {
      isIndex: true,
      showMore: true
    }
  },
  computed: {
    ...mapState({
      title: state => state.title
    })
  },
  watch: {
    $route: 'fetchData'
  },
  mounted () {
  },
  methods: {
    fetchData () {
      if (this.$route.meta.isIndex) {
        this.isIndex = true
      } else {
        this.isIndex = false
      }
    }
  }
}
</script>

<style lang="less">
  html, body {
    font-family: '微软雅黑', Microsoft YaHei;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    background-color: #F0EFF5;
    #login {
    }
  }
</style>