<template>
  <div class="main-container">
    <AppSidebar></AppSidebar>
    <router-view />
  </div>
</template>

<script>
import AppSidebar from '@/components/AppSidebar.vue'

export default {
  name: 'HomeView',
  components: {
    AppSidebar
  }
}
</script>
<style>
.main-container{
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  margin-top: 1.66rem;
  display: flex;
}
.myTabs {
    background: #fff;
}

.myTabs .el-tabs__header {
    position: sticky;
    z-index: 2;
    top: 0px;
    background: #fff;
}

.myTabs .el-tabs__item {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 500;
}

.myTabs .el-tabs__item.is-active {
    color: #1e80ff;
}

.myTabs .el-tabs__active-bar {

    background-color: #1e80ff;
}</style>
