index.vue 647 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <div class="TT-mine-wrapper">
  3. <MainSidebar/>
  4. <div class="mine-main">
  5. <keep-alive>
  6. <router-view v-if="$route.meta.keepAlive"></router-view>
  7. </keep-alive>
  8. <router-view v-if="!$route.meta.keepAlive"></router-view>
  9. </div>
  10. </div>
  11. </template>
  12. <script>
  13. import MainSidebar from './main-sidebar'
  14. export default {
  15. name: 'index',
  16. components: {
  17. MainSidebar
  18. }
  19. }
  20. </script>
  21. <style lang="scss" scoped>
  22. .TT-mine-wrapper {
  23. position: relative;
  24. left: 0;
  25. top: 0;
  26. // 左侧导航宽度
  27. padding: 20px 20px 20px 200px;
  28. border-top: 15px solid #f1f4f5;
  29. }
  30. .mine-main {
  31. width: 100%;
  32. }
  33. </style>