<template>
  <div class="zhihui-contain">
    <div v-show="noNetwork" class="no-network" />
    <Head />
    <Aside />
    <Main />
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
import Head from '@/components/newLayout/Head'
import Aside from '@/components/newLayout/Aside'
import Main from '@/components/newLayout/Main'

export default {
  components: {
    Aside,
    Main,
    Head
  },
  computed: {
    ...mapGetters(['noNetwork'])
  }
}
</script>
<style lang="scss" scoped>
.zhihui-contain {
  display: flex;
  overflow: hidden;
  height: 100%;
}
.no-network {
  position: fixed;
  z-index: 999;
  top:0;
  left: 0;
  height: 3px;
  width: 100vw;
  animation: loading linear 5s infinite;
  background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
}
@keyframes loading{
  from{
    width: 0
  }
  to{
    width: 100%
  }
}
</style>
