<template>
  <div class="wrapper">
    <home-header></home-header>
    <home-sidebar></home-sidebar>
    <div class="content-box">
      <div class="content">
        <transition name="move" mode="out-in">
          <!-- <keep-alive exclude="prize"> -->
          <router-view></router-view>
          <!-- </keep-alive> -->
        </transition>
      </div>
    </div>
  </div>
</template>
<script>
import HomeSidebar from 'components/Sidebar'
import HomeHeader from 'components/Header'
export default {
  components: {
    HomeSidebar,
    HomeHeader
  }
}
</script>
<style lang="stylus" scoped>
.wrapper
  width 100%
  height 100%
  overflow hidden
.content-box
  position absolute
  left 260px
  right 0
  top 70px
  bottom 0
  overflow-y scroll
  -webkit-transition left 0.3s ease-in-out
  transition left 0.3s ease-in-out
  background #F3F2F8
  min-height 720px
.content
  width auto
  padding 15px
</style>
