<template>
  <div id="app">
    <!-- <main-header></main-header> -->
    <!-- <py-row class="page-body"> -->
    <div class="contianer">
      <side-nav class="nav"></side-nav>
      <router-view class="view"/>
    </div>
    <!-- </py-row> -->
    <!-- <py-row>
      <main-footer class="footer"></main-footer>
    </py-row>-->
  </div>
</template>

<script>
import Vue from "vue";
import mainHeader from "./components/header";
import sideNav from "./components/side-nav";
import mainFooter from "./components/footer";
export default {
  name: "App",
  components: {
    //mainHeader,
    sideNav,
    mainFooter
  },
  created() {
    //console.log(this);
  },
  mounted() {
    //this.$store.dispatch("getMenuList", "");
  }
};
</script>

<style lang="scss">
@import "./assets/css/index.scss";
</style>
