<template>
  <div class="full" style="display: flex;flex-direction: row">
<!--    <sidebar ></sidebar>-->
    <menu-side></menu-side>
    <div class="center" style="width: 85%;height: 100%;flex-direction: column">
      <tags style="width: 98%;height: 4%;"></tags>
          <div style="width: 98%;height: 93%;">
            <keep-alive>
              <router-view   v-if="$route.meta.keepAlive" />
            </keep-alive>
            <router-view  v-if="!$route.meta.keepAlive" />
          </div>
        </div>
  </div>
</template>

<script>
    import Sidebar from "../../page/index/sidebar/index";
    import {mapGetters} from "vuex";
    import MenuSide from "../../components/menuSide/menuSide";
    import Tags from "../../page/index/tags";
    export default {
      // provide() {
      //   return {
      //     index: this
      //   };
      // },
      name: "myLayout",
      components: {Tags, MenuSide, Sidebar},
      methods: {
      },
    }
</script>

<style scoped>
  .full{
    width: 100%;
    height: 100%;
    /*background: #f0c78a;*/
  }
  .center{
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: rgba(78, 103, 95, 0.5);*/
  }
</style>
